From 94c615870aa4968e11e010964c9cf9f8adf2ea0b Mon Sep 17 00:00:00 2001
From: Ivan Urdenko <vaniaurdenko@gmail.com>
Date: Wed, 13 Sep 2023 12:56:39 +0200
Subject: [PATCH] changed the display property for smaller screens

---
 src/example/custom_scss/styles.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/example/custom_scss/styles.scss b/src/example/custom_scss/styles.scss
index f210760..7f6db0a 100644
--- 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 */