Lowlight_Akbota
/
NitakuShop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added grid, fixed footer

master
zacc806 2024-01-24 18:55:52 +06:00
parent cfadccdc1c
commit ddeaa23cb5
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
main/static/deps/css/my_footer_css.css
View File

@ -1,6 +1,4 @@
footer { footer {
position: fixed;
bottom: 0;
width: 100%; width: 100%;
background-color: #8100bb; background-color: #8100bb;
padding: 10px 0; padding: 10px 0;

8
main/templates/main/index.html
View File

@ -63,9 +63,11 @@
</div> </div>
<div class="row"> <!-- Add this line --> <div class="row"> <!-- Add this line -->
{% for product in products %} {% for product in products %}
<div class="col-6 col-md-4 p-4"> <div class="col-12 col-md-6 col-lg-4 p-4">
<div class="card border-primary rounded custom-shadow h-100"> <div class="card border-primary rounded custom-shadow">
<img src="{{ product.image.url }}" class="card-img-top img-fluid" alt={{ product.name }}> <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"> <div class="card-body">
<a href="{{ product.get_absolute_url }}"> <a href="{{ product.get_absolute_url }}">
<p class="card-title">{{ product.name }}</p> <p class="card-title">{{ product.name }}</p>