From 89ed26b8399441a5f3543a3cda4ea580318a9f8c Mon Sep 17 00:00:00 2001
From: Ekaitz <ekaitz@elenq.tech>
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(-)

(limited to 'css')

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