Yarninator/toddler_shop_frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Made layout prettier

Browse source
This commit is contained in:
Yarne Coppens 2024-08-24 12:28:56 +02:00
parent 01acc0617c
commit 1b71fdb0ce
2 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app.py
View file

@ -3,5 +3,6 @@ from flask import Flask, render_template
app = Flask(__name__) app = Flask(__name__)
@app.route("/") @app.route("/")
def hello_world(): def start():
return render_template('index.jinja') return render_template('index.jinja')

18
templates/index.jinja
View file

@ -20,7 +20,7 @@
<img class="product_image"> <img class="product_image">
<div class="container text-center product_placeholder"> <div class="container text-center product_placeholder">
<div class="row row-cols-5"> <div class="row row-cols-5" style="margin-bottom: 10rem;">
<div class="col product_col"> <div class="col product_col">
<div class="card" style="width: 10rem; height: 15rem;"> <div class="card" style="width: 10rem; height: 15rem;">
<img src="" class="card-img-top product_image" alt=""> <img src="" class="card-img-top product_image" alt="">
@ -62,12 +62,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row row-cols-5"> <div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col"> <div class="col" style="width: 44.5rem; margin-right: 5rem;">
<div class="card" style="width: 10rem; height: 7rem;"> <div class="card">
<div class="container text-center product_placeholder"> <div class="container text-center product_placeholder">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<img src="http://127.0.0.1:8000/icons/cart" height="100rem" width="100rem" class="card-img-top" alt=""> <img src="http://127.0.0.1:8000/icons/cart" height="100rem" width="100rem" class="card-img-top" alt="">
</div> </div>
<div class="col"> <div class="col">
@ -77,13 +77,13 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col"> <div class="col" style="width: 11.5rem; margin-right: 5rem;">
<div class="card" style="width: 10rem; height: 7rem;"> <div class="card">
<img src="http://127.0.0.1:8000/icons/cash" height="100rem" width="100rem" class="card-img-top" alt=""> <img src="http://127.0.0.1:8000/icons/cash" height="100rem" width="100rem" class="card-img-top" alt="">
</div> </div>
</div> </div>
<div class="col"> <div class="col" style="width: 11.5rem; margin-right: 5rem;">
<div class="card" style="width: 10rem; height: 7rem;"> <div class="card">
<img src="http://127.0.0.1:8000/icons/creditcard" height="100rem" width="100rem" class="card-img-top" alt=""> <img src="http://127.0.0.1:8000/icons/creditcard" height="100rem" width="100rem" class="card-img-top" alt="">
</div> </div>
</div> </div>