Add some colors to visualize layout

2 files changed, 8 insertions, 3 deletions

diff --git a/artistes.css b/artistes.css
index 5e4bb4f..7a1cb22 100644
--- a/artistes.css
+++ b/artistes.css
@@ -12,11 +12,11 @@ main #photos {
 
     height: 80vh;
 
-    background: #eee;
+    background-color: #dbb;
 }
 
 main #bio {
-    background: #bbb;
+    background-color: #dbb;
 }
 
 #photos img {
diff --git a/commun.css b/commun.css
index 8fa2c24..7839330 100644
--- a/commun.css
+++ b/commun.css
@@ -11,6 +11,7 @@ header.banner {
     display: grid;
     grid-template-columns: 3fr 8fr 1fr;
     align-items: center;
+    background-color: #dfd;
 }
 
 header.banner .brand {
@@ -75,7 +76,7 @@ main {
     grid-column: 1;
     display: flex;
     overflow: auto;
-    background: #f00;
+    background-color: #fdd;
 }
 
 footer.social {
@@ -87,6 +88,8 @@ footer.social {
     align-items: center;
     position: sticky;
     top: 0;
+
+    background-color: #ddf;
 }
 
 .social img {
@@ -111,4 +114,6 @@ footer.legal {
     grid-column: 1 / -1;
     margin: auto;
     font-size: 75%;
+
+    background-color: #ffd
 }