barre laterale fonctionnelle et stylisee

static/style.css

@@ -1,6 +1,6 @@
 .titre{
   font-family: "Courier New", monospace;
-  margin-left: 1%:
+  margin-left: 1%;
 }
 
 blockquote{
@@ -58,13 +58,19 @@ footer{
 }
 
 .layout{
-  display:grid;
+  display: grid;
   grid-template-columns: 2fr 1fr;
-  gap: 2rem;
 }
 
-@media (min-width: 900px){
-  .layout{
-    grid-template-columns: 1fr 300px;
+@media (max-width: 768px) {
+  .layout {
+    grid-template-columns: 1fr;
   }
 }
+ aside{
+   margin: 5px;
+   background-color: #cc0000;
+   color: white;
+   border-radius: 10px 10px 10px 10px;
+   padding: 10px;
+ }