Skip to content

Commit e484c48

Browse files
authored
fix(blog): avoid overflow + double padding (#12508)
* fix(blog): set max-width only on large screens Only set `max-width: 52rem` on larger screens, to avoid overflow on smaller screens. * fix(blog): avoid adding padding twice Previously, we were adding 1rem of horizontal padding both on `<main>` and `<article>`. Now, we only add it on the `<article>`, to be consistent with content pages.
1 parent 0a9f2aa commit e484c48

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

client/src/blog/post.scss

+5-1
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
grid-template-areas:
77
"post"
88
"newsletter";
9+
padding: 0;
910
width: 100%;
1011

1112
@media (min-width: $screen-lg) {
@@ -81,7 +82,10 @@
8182

8283
> .blog-post {
8384
grid-area: post;
84-
max-width: 52rem;
85+
86+
@media (min-width: $screen-lg) {
87+
max-width: 52rem;
88+
}
8589

8690
+ .section-newsletter h2 {
8791
font: var(--type-heading-h3);

0 commit comments

Comments
 (0)