Skip to content

Commit

Permalink
changed the display property for smaller screens
Browse files Browse the repository at this point in the history
  • Loading branch information
FeSuert committed Sep 13, 2023
1 parent 94c6158 commit 4d14f86
Showing 1 changed file with 0 additions and 6 deletions.
6 changes: 0 additions & 6 deletions src/example/custom_scss/styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -130,16 +130,10 @@ 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 */
}
}

Expand Down

0 comments on commit 4d14f86

Please sign in to comment.