Skip to content

Commit

Permalink
Add tablet and desktop versions to the layout
Browse files Browse the repository at this point in the history
  • Loading branch information
helenclx committed Jan 27, 2024
1 parent 503b7d9 commit 78a0d09
Showing 1 changed file with 13 additions and 1 deletion.
14 changes: 13 additions & 1 deletion m3-we-are-the-champions/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -226,9 +226,21 @@ h1, h2 {
color: var(--clr-btn-bg);
}

/* Tablet screen size */
@media only screen and (min-width: 43.75rem) {
.endorsements__list {
display: grid;
grid-template-columns: 1fr 1fr;
}
}

/* Desktop screen size */
@media only screen and (min-width: 60rem) {
.main {
max-width: 45rem;
max-width: 50rem;
}

.endorsements__list {
grid-template-columns: 1fr 1fr 1fr;
}
}

0 comments on commit 78a0d09

Please sign in to comment.