diff --git a/src/css/5-pages/_counter.scss b/src/css/5-pages/_counter.scss index e92dcc3..4845ee0 100644 --- a/src/css/5-pages/_counter.scss +++ b/src/css/5-pages/_counter.scss @@ -2,8 +2,14 @@ // == Counter "page" // ----------------------------------------------------------- +.counter-container { + min-width: 80%; +} + .counter { - width: min-content; + width: 80%; + margin-right: auto; + margin-left: auto; color: $color-purple-2; font-size: 1.8rem; font-size: clamp(1.4rem, 1.4vw, 1.8rem); @@ -12,6 +18,10 @@ text-align: center; } +.counter-content { + max-width: 39rem; +} + .counter-number { display: block; color: $color-purple-1; diff --git a/src/css/_helpers.scss b/src/css/_helpers.scss index fccb8d3..8cd79c3 100644 --- a/src/css/_helpers.scss +++ b/src/css/_helpers.scss @@ -70,20 +70,21 @@ $helpers: ( // (align-top, vertical-align, top), // (align-bottom, vertical-align, bottom), // (align-middle, vertical-align, middle), - (w25, width, 25%), - (w75, width, 75%), - (w80, width, 80%), + // (w25, width, 25%), + // (w75, width, 75%), + // (w80, width, 80%), (w90, width, 90%), (w100, width, 100%), - (w50p, width, 5rem), - (w75p, width, 7.5rem), - (w100p, width, 10rem), - (w120p, width, 12rem), - (w135p, width, 13.5rem), - (w200p, width, 20rem), - (w250p, width, 25rem), - (w-max, width, max-content), + // (w50p, width, 5rem), + // (w75p, width, 7.5rem), + // (w100p, width, 10rem), + // (w120p, width, 12rem), + // (w135p, width, 13.5rem), + // (w200p, width, 20rem), + // (w250p, width, 25rem), + // (w-max, width, max-content), (mw0, min-width, 0), + (mw80, min-width, 80%), (maxw380px, max-width, 38rem), // (list-type-disc, list-style-type, disc), // (ml-auto, margin-left, auto), diff --git a/src/index.njk b/src/index.njk index 6ddfb78..93bb823 100644 --- a/src/index.njk +++ b/src/index.njk @@ -6,15 +6,15 @@ permalink: ---