changed the display property for smaller screens

Abstract-Tech · Sep 13, 2023 · 94c6158 · 94c6158
1 parent b3045a6
commit 94c6158
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/example/custom_scss/styles.scss b/src/example/custom_scss/styles.scss
@@ -130,10 +130,13 @@ img.course-image {
   margin-bottom: 10px;
 }
 
+.course-info-banner {background-color: red;}
+
 /* Media query for screens 500px or smaller */
 @media (max-width: 500px) {
   .course-info-banner {
     display: grid;
+    background-color: blue;
     /* Add your grid properties here, for example: */
     grid-template-columns: 1fr 1fr; /* This creates two equal columns, adjust as needed */
     gap: 10px; /* Adjust the gap between grid items if needed */