better css

This commit is contained in:
Rupus Reinefjord 2024-08-13 19:31:33 +02:00
parent e3c4affb39
commit a50fa7c601

View file

@ -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;
}