added grid, fixed footer
parent
cfadccdc1c
commit
ddeaa23cb5
|
@ -1,6 +1,4 @@
|
|||
footer {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background-color: #8100bb;
|
||||
padding: 10px 0;
|
||||
|
|
|
@ -63,9 +63,11 @@
|
|||
</div>
|
||||
<div class="row"> <!-- Add this line -->
|
||||
{% for product in products %}
|
||||
<div class="col-6 col-md-4 p-4">
|
||||
<div class="card border-primary rounded custom-shadow h-100">
|
||||
<img src="{{ product.image.url }}" class="card-img-top img-fluid" alt={{ product.name }}>
|
||||
<div class="col-12 col-md-6 col-lg-4 p-4">
|
||||
<div class="card border-primary rounded custom-shadow">
|
||||
<div class="aspect-ratio overflow-hidden" style="position: relative; padding-top: 100%;">
|
||||
<img src="{{ product.image.url }}" class="w-100 h-100 position-absolute" style="object-fit: cover; top: 0; left: 0;" alt={{ product.name }}>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<a href="{{ product.get_absolute_url }}">
|
||||
<p class="card-title">{{ product.name }}</p>
|
||||
|
|
Loading…
Reference in New Issue