Skip to content

Commit

Permalink
Fix a bug with article cards on Safari 18.2
Browse files Browse the repository at this point in the history
  • Loading branch information
alexwlchan committed Dec 20, 2024
1 parent 2a1eddd commit 67da4f4
Showing 1 changed file with 5 additions and 1 deletion.
6 changes: 5 additions & 1 deletion src/_scss/components/article_cards.css
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,11 @@
@media screen and (min-width: 1000px) {
.article_cards:not(.article_cards--1):not(.article_cards--2):not(.article_cards--4) {
--grid-columns: repeat(3, minmax(0, 1fr));
margin-left: -100px;
margin-left: -100px;
margin-right: -100px;

/* In Safari 18.2, the <ul> won't automatically expand to the width
* just because the margin is there -- we have to tell it to expand */
width: calc(100% + 200px);
}
}

0 comments on commit 67da4f4

Please sign in to comment.