From 717590a732f9b4d0e312f791e569b442d194723f Mon Sep 17 00:00:00 2001 From: George Kalpakas Date: Thu, 18 Feb 2021 18:42:50 +0200 Subject: [PATCH] fix(docs-infra): fix top margin of "Press kit" page on small screens (#40881) Previously, the "Press kit" page had a larger top margin on smaller screens, that seemed unnecessary. This commit removes the extra top margin. Before: ![presskit top section margin before][1] After: ![presskit top section margin after][2] [1]: https://user-images.githubusercontent.com/8604205/107988545-efb27080-6fd8-11eb-91d6-79651f2dffaf.png [2]: https://user-images.githubusercontent.com/8604205/107988547-f04b0700-6fd8-11eb-9c4b-d444b39a34fe.png PR Close #40881 --- aio/src/styles/2-modules/_presskit.scss | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) diff --git a/aio/src/styles/2-modules/_presskit.scss b/aio/src/styles/2-modules/_presskit.scss index 6bd442c5ce..fff58441d6 100644 --- a/aio/src/styles/2-modules/_presskit.scss +++ b/aio/src/styles/2-modules/_presskit.scss @@ -18,6 +18,10 @@ margin: 48px 0; width: 100%; + &:first-child { + margin-top: 0; + } + .presskit-inner { display: flex; align-items: center; @@ -71,13 +75,5 @@ margin-bottom: 8px * 2; } } - - &:first-child { - margin-top: 0; - - @media(max-width: 599px) { - margin-top: 48px; - } - } } }