From ffe93a39cc1325c17dc3c60b7b80187f8a0e1fbc Mon Sep 17 00:00:00 2001 From: danielkvist Date: Sat, 30 Mar 2019 13:01:34 +0100 Subject: add media queries for medium and large devices --- assets/css/media-queries.css | 49 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) diff --git a/assets/css/media-queries.css b/assets/css/media-queries.css index 4420677..7799c1a 100644 --- a/assets/css/media-queries.css +++ b/assets/css/media-queries.css @@ -9,6 +9,11 @@ */ @media only screen and (min-width: 576px) { + /* HEADER */ + .header { + padding: 1.15rem 2.75rem; + } + /* SECTIONS */ .section { padding: 0 5%; @@ -39,3 +44,47 @@ padding: 0 15%; } } + +@media only screen and (min-width: 768px) { + /* SECTIONS */ + .section { + padding: 0 9%; + } + + /* CONTENT */ + .single__content { + padding: 1.45rem 9%; + } + + /* FOOTER */ + .footer__agreement { + padding: 1.45rem 9%; + } + + /* PAGINATION */ + .pagination { + padding: 0 20%; + } +} + +@media only screen and (min-width: 992px) { + /* SECTIONS */ + .section { + padding: 0 21%; + } + + /* CONTENT */ + .single__content { + padding: 1.45rem 21%; + } + + /* FOOTER */ + .footer__agreement { + padding: 1.45rem 21%; + } + + /* PAGINATION */ + .pagination { + padding: 0 25%; + } +} \ No newline at end of file -- cgit v1.2.3