started diy store card

This commit is contained in:
Hazel Noack 2025-07-03 17:18:12 +02:00
parent 51ec608e65
commit bcf97a88e0
2 changed files with 30 additions and 0 deletions

View File

@ -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%;
}

View File

@ -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>