Fix responsive

Author: AlexFlipnote

src/index.php

@@ -74,8 +74,8 @@ class="image-title primary-bg"
                   <div class="pinned-container">
                     <div class="box-content">
                       <p class="bold">
-                        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true">
-                            <path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"></path>
+                        <svg height="16" viewBox="0 0 16 16" version="1.1" width="16">
+                          <path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"></path>
                         </svg>
                         <a href="{$project["url"]}" target="_blank">
                           {$project["name"]}

static/css/custom.css

@@ -219,13 +219,15 @@ footer p a, footer p span { margin: 0 .25em; }
 }
 
 @media (max-width: 800px) {
+  .pinned-container { width: 49.99999992%; }
   .flex-grid .colour .name,
   .flex-grid .colour .hex {
     font-size: 16px;
   }
 }
 
 @media (max-width: 600px) {
+  .pinned-container { width: 100%; }
   .flex-grid .image-preview,
   .flex-grid .colour {
     flex-basis: 90% !important;