From 02908c3f75a8c66e1a5325ebace9d208d815126e Mon Sep 17 00:00:00 2001 From: jultty Date: Mon, 20 May 2024 16:14:12 -0300 Subject: [PATCH] Add responsive margins --- assets/css/style.css | 28 ++++++++++++++++++++++++++++ posts/meeting-the-bsd-family.html | 8 +++++--- posts/scripts-em-ocaml.html | 4 +++- posts/template.html | 4 +++- 4 files changed, 39 insertions(+), 5 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 9881f84..8cb7cc1 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -75,3 +75,31 @@ footer { .footer-back { float: right; } + +/* tablet */ +@media (min-width: 401px) { + .article { margin: 0 45px; } + .article p { + margin: 25px 0px; + } +} + +/* widescreen */ +@media (min-width: 1000px) { + .article { + display: grid; + grid-template-columns: 1fr 700px 1fr; + } + .article p { + grid-column-start: 2; + margin: 15px; + } +} + +/* phone */ +@media (max-width: 400px) { + .article { margin: 0 20px; } + .article p { + margin: 25px 0px; + } +} diff --git a/posts/meeting-the-bsd-family.html b/posts/meeting-the-bsd-family.html index d8ace29..be0bfcf 100644 --- a/posts/meeting-the-bsd-family.html +++ b/posts/meeting-the-bsd-family.html @@ -6,7 +6,7 @@ - Meeting the BSD Family • jutty.dev + Meeting the BSD family • jutty.dev