fix: rel nofollow, textcontent, image parameter, text wrapping

layouts/css/page-modules/_contributor-card.scss

@@ -1,13 +1,13 @@
 .contributor-card {
-  height: 42px;
+  display: flex;
+  min-height: 42px;
   width: 300px;
   padding: 1.5em 1em;
   margin: 1em auto;
   border: 1px solid $white;
   border-radius: 3px;
 
   > a {
-    float: left;
     height: 40px;
     width: 40px;
     margin-right: 1em;
@@ -17,8 +17,12 @@
     margin: 0;
   }
 
+  img {
+    max-width: initial;
+  }
+
   .spinner {
-    margin: 5px 0;
+    margin: 5px;
     width: 30px;
     height: 30px;
     border-top-color: $white;
@@ -43,3 +47,9 @@
     transform: rotate(360deg);
   }
 }
+
+@media (max-width: 350px) {
+  .contributor-card {
+    width: auto;
+  }
+}

layouts/partials/contributor-card.hbs

@@ -1,11 +1,11 @@
 <div class="contributor-card">
-  <a href="#">
+  <a href="#" rel="nofollow noopener noreferrer">
     <span class="spinner"></span>
     <img id="contributor-avatar" class="hidden" src="/static/images/logos/js-green.svg" alt="Avatar of a Node.js contributor" width="40" height="40">
   </a>
 
   <p>
-    Thank you <a href="#" id="contributor-username" rel="nofollow noopener noreferrer">username</a> for being a <a href="https://github.com/nodejs/node/graphs/contributors" rel="nofollow noopener noreferrer" title="List of all Node.js contributors">Node.js contributor</a>.
+    Thank you <a href="#" id="contributor-username" rel="nofollow noopener noreferrer">username</a> for being a <a href="https://github.com/nodejs/node/graphs/contributors" rel="nofollow noopener noreferrer" title="List of all Node.js contributors">Node.js contributor</a>
     <a href="https://github.com/nodejs/node/graphs/contributors" rel="nofollow noopener noreferrer">
       <strong id="contributor-contributions">0 contributions</strong>
     </a>

static/js/main.js

@@ -150,11 +150,11 @@
       loadingSpinner.remove()
       contributorAvatar.classList.remove('hidden')
       // Set new values
-      contributorAvatar.src = contributor.avatar_url
+      contributorAvatar.src = contributor.avatar_url + '&s=80'
       contributorAvatar.parentElement.href = contributor.html_url
-      contributorUsername.innerText = contributor.login
+      contributorUsername.textContent = contributor.login
       contributorUsername.href = contributor.html_url
-      contributorContributions.innerText = contributor.contributions + ' contributions'
+      contributorContributions.textContent = contributor.contributions + ' contributions'
       contributorContributions.parentElement.href = 'https://github.com/nodejs/node/commits?author=' + contributor.login
     })
   }