Fixed issues on mobile version of website (#128)

* fix: Resize photos of members.

* Fix: show all usernames.
Unresolved description size issue.

* Fix: fixed height of detail card.
Fix: Rahil's link was not set to target=_blank.

* The Comment.

* Update styles.css

---------

Co-authored-by: Viraj Bhartiya <[email protected]>

index.html

@@ -3804,7 +3804,7 @@ <h6><a href="https://www.codechef.com/users/kotharirahil9" target="_blank">Codec
                       @kotharirahil9</a>
                   </h6>
                   <h6><a href="https://leetcode.com/kotharirahil9/" target="_blank">LeetCode: @kotharirahil9</a></h6>
-                  <h6><a href="https://codeforces.com/profile/kotharirahil9 target=" _blank">CodeForces:
+                  <h6><a href="https://codeforces.com/profile/kotharirahil9"  target="_blank">CodeForces:
                       @kotharirahil9</a></h6>
 
                   <div class="actions">

static/styles/styles.css

@@ -11551,19 +11551,24 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
     height: auto !important;
     line-height: inherit;
   }
-
-  .talk-list li .subject .details p {
-    padding-bottom: 70px;
-  }
 
-  .talk-list li .subject .details h6:nth-of-type(2) {
+  .talk-list li .subject .details:last-child {
     padding-bottom: 50px;
   }
 
+  .talk-list li.open .subject .description{
+/* TODO:  Hours spent fixing this: 48hrs
+	  tries: 3
+    Please increment the counter after you give up trying to fix this	 
+*/
+    max-height: 12000px;
+  }
+
   .talk-list li .subject .description {
     margin-left: 0;
     margin-top: 96px;
-    min-height: 80px;
+    max-height: 0;
+    transition: 0.4s ease-in;
   }
 
   .talk-list li .subject .description #avatar {