From 9437af3df91940f2bd629b4ec10d7cdb8801fa70 Mon Sep 17 00:00:00 2001 From: James Rosado Date: Wed, 15 Dec 2021 11:01:03 -0500 Subject: [PATCH 1/2] restrict margin:auto to desktop devices --- src/assets/scss/boldgrid/_bootstrap-additions.scss | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/assets/scss/boldgrid/_bootstrap-additions.scss b/src/assets/scss/boldgrid/_bootstrap-additions.scss index 8e1020cf6..5c73da350 100644 --- a/src/assets/scss/boldgrid/_bootstrap-additions.scss +++ b/src/assets/scss/boldgrid/_bootstrap-additions.scss @@ -90,9 +90,11 @@ margin: auto; } -#main-wrapper.full-width.max-full-width .main .entry-content .boldgrid-section .container-fluid { - margin-left: auto; - margin-right: auto; +@media screen and (min-width: 992px) { + #main-wrapper.full-width.max-full-width .main .entry-content .boldgrid-section .container-fluid { + margin-left: auto; + margin-right: auto; + } } body.blog #main-wrapper.full-width.max-full-width { From d64c5e710e58edd72d1ccc99052124e60285f1f7 Mon Sep 17 00:00:00 2001 From: James Rosado Date: Thu, 16 Dec 2021 08:32:14 -0500 Subject: [PATCH 2/2] change centering method to flex --- src/assets/scss/boldgrid/_bootstrap-additions.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/assets/scss/boldgrid/_bootstrap-additions.scss b/src/assets/scss/boldgrid/_bootstrap-additions.scss index 5c73da350..5e18c79b2 100644 --- a/src/assets/scss/boldgrid/_bootstrap-additions.scss +++ b/src/assets/scss/boldgrid/_bootstrap-additions.scss @@ -90,13 +90,13 @@ margin: auto; } -@media screen and (min-width: 992px) { - #main-wrapper.full-width.max-full-width .main .entry-content .boldgrid-section .container-fluid { - margin-left: auto; - margin-right: auto; - } + +#main-wrapper.full-width.max-full-width .main .entry-content .boldgrid-section { + display: flex; + justify-content: center; } + body.blog #main-wrapper.full-width.max-full-width { margin-left: auto; margin-right: auto;