diff --git a/cocktail_list/templates/cocktail.html b/cocktail_list/templates/cocktail.html index e323226..e462f68 100644 --- a/cocktail_list/templates/cocktail.html +++ b/cocktail_list/templates/cocktail.html @@ -14,15 +14,16 @@ COCKTAIL | {{ cocktail.nome_cocktail }} {% endblock title %} {% block content %} -
+

{{ cocktail.nome_cocktail }}

-
- {{ cocktail.nome_cocktail }} -
-
+
+ {{ cocktail.nome_cocktail }} +
{{ cocktail.nome_cocktail }}
+
+
INGREDIENTI :

diff --git a/static-storage/css/cocktail.css b/static-storage/css/cocktail.css index eb922ea..8d9decf 100644 --- a/static-storage/css/cocktail.css +++ b/static-storage/css/cocktail.css @@ -10,3 +10,13 @@ font-family: 'Indie Flower', cursive; font-size: 25px; } +.text_on_image{ + color:white; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-transform: uppercase; + font-size: 2.5em; + font-family: 'Faster One', cursive; +} \ No newline at end of file diff --git a/static-storage/css/style.css b/static-storage/css/style.css index 83c948a..23059f1 100644 --- a/static-storage/css/style.css +++ b/static-storage/css/style.css @@ -47,4 +47,14 @@ a:hover{ font-size: 1.5em; text-transform: uppercase; color: black; +} + +.img-fluid { + width: 100%; +} + +@media screen and (max-width:600px){ + h1 { + font-size: 1.5rem!important; + } } \ No newline at end of file