From a50fa7c601c957f17fa4284d0fab8104982d1d16 Mon Sep 17 00:00:00 2001 From: Rupus Reinefjord Date: Tue, 13 Aug 2024 19:31:33 +0200 Subject: [PATCH] better css --- public/recipes/enchiladas-med-bönchili.html | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/public/recipes/enchiladas-med-bönchili.html b/public/recipes/enchiladas-med-bönchili.html index 4866787..9bc7dd1 100644 --- a/public/recipes/enchiladas-med-bönchili.html +++ b/public/recipes/enchiladas-med-bönchili.html @@ -42,7 +42,11 @@ } #ingredients { - max-width: 50ch; + max-width: 30ch; + } + + #ingredients ul { + padding-left: 30px; } #instructions { @@ -52,12 +56,12 @@ @media (min-width: 650px) { #recipe { max-width: 120ch; - grid-template-columns: 2fr 1fr; - grid-template-areas: + grid-template: "intro ." "instructions ingredients"; column-gap: 20px; } + #introduction { grid-area: intro; }