diff --git a/25 - Full Bleed Blog Layout/full-bleed-blog-FINISHED.html b/25 - Full Bleed Blog Layout/full-bleed-blog-FINISHED.html index b6a37f30..f83aa592 100644 --- a/25 - Full Bleed Blog Layout/full-bleed-blog-FINISHED.html +++ b/25 - Full Bleed Blog Layout/full-bleed-blog-FINISHED.html @@ -157,7 +157,7 @@

Dear Time

.post { display: grid; max-width: 1000px; - margin: 200px auto; + margin: 100px auto; grid-gap: 10px 50px; grid-template-columns: 3fr 12fr 5fr; } @@ -200,6 +200,17 @@

Dear Time

grid-column: span 1 / -1; border-left: 2px solid var(--yellow); } + + + @media screen and (max-width:640px) { + .post { + display: grid; + max-width: 1000px; + margin: 100px 20px; + grid-gap: 10px 50px; + grid-template-columns: 1fr; + } + }