From 89ed26b8399441a5f3543a3cda4ea580318a9f8c Mon Sep 17 00:00:00 2001 From: Ekaitz Date: Mon, 30 Jan 2023 11:53:23 +0100 Subject: Make styles cleaner: - max-width - make day forecast heading selector work - day forecast bg color to whitesmoke S --- css/style.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/css/style.css b/css/style.css index 6e22d00..cf7626d 100644 --- a/css/style.css +++ b/css/style.css @@ -2,8 +2,9 @@ body{ background-color: #eee; } .forecast { - margin: 0; + margin: auto; padding: 0.3rem; + max-width: 800px; } .forecast > h1, @@ -18,9 +19,8 @@ body{ border: 1px solid lightgrey; } -.day-forecast > h2 { - margin: 0.2rem; - font-size: 1rem; +.day-forecast h2 { + font-size: 1.1rem; } .day-forecast{ @@ -28,6 +28,7 @@ body{ flex-wrap: wrap; justify-content: space-between; align-items: center; + background-color: whitesmoke; } .day-forecast-text{ min-width: 200px; -- cgit v1.2.3