started diy store card

frontend/assets/style.css

@@ -54,6 +54,29 @@ body {
     }
 }
 
+.store-cards {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    gap: 1em;
+}
+
+.card {
+    background-color: rgba(255, 255, 255, .5);
+    width: 10em;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: black;
+    gap: 1em;
+    padding: 1em;
+}
+
+.card-image {
+    width: 100%;
+    aspect-ratio: 1/1;
+}
+
 .search-logo img {
     height: 100%;
 }

frontend/index.html

@@ -15,6 +15,13 @@
             <img als="girl_juice" src="assets/girl_juice.png" />
         </div>
         <input name="{{ .SearchInputName }}" type="text" class="grid-item" class="search" placeholder="{{ .SearchPlaceholder }}" />
+    
+        <div class="store-cards">
+            <a target="_blank" href="#" class="card">
+                <img class="card-image" src="assets/girl_juice.png"/>
+                <b>name</b>
+            </a>
+        </div>
     </form>
 
     <script>