From deedc73c1f1c42747ae11cd931231c1a260cb0d6 Mon Sep 17 00:00:00 2001 From: Ayo Date: Sun, 15 Oct 2023 00:38:00 +0200 Subject: [PATCH] style(landing-page): apply reset; add spacing --- public/reset.css | 76 ++++++++++++++++++++++++++++++++++++++++++++ src/pages/index.html | 13 +++++--- 2 files changed, 84 insertions(+), 5 deletions(-) create mode 100644 public/reset.css diff --git a/public/reset.css b/public/reset.css new file mode 100644 index 0000000..20ba865 --- /dev/null +++ b/public/reset.css @@ -0,0 +1,76 @@ +/** +THANKS TO JOSH COMEAU FOR HIS CUSTOM CSS RESET +👉 https://www.joshwcomeau.com/css/custom-css-reset/ +**/ + +/* + 1. Use a more-intuitive box-sizing model. +*/ +*, +*::before, +*::after { + box-sizing: border-box; +} +/* + 2. Remove default margin + */ +* { + margin: 0; +} +/* + 3. Allow percentage-based heights in the application + */ +html, +body { + height: 100%; +} +/* + Typographic tweaks! + 4. Add accessible line-height + 5. Improve text rendering + */ +body { + line-height: 1.5; + -webkit-font-smoothing: antialiased; +} +/* + 6. Improve media defaults + */ +img, +picture, +video, +canvas, +svg, +iframe { + display: block; + max-width: 100%; + margin: 0 auto; +} +/* + 7. Remove built-in form typography styles + */ +input, +button, +textarea, +select { + font: inherit; +} +/* + 8. Avoid text overflows + */ +p, +h1, +h2, +h3, +h4, +h5, +h6 { + overflow-wrap: break-word; +} +/* + 9. Create a root stacking context + */ +#root, +#__next { + isolation: isolate; +} diff --git a/src/pages/index.html b/src/pages/index.html index 8f7c265..09fca90 100644 --- a/src/pages/index.html +++ b/src/pages/index.html @@ -4,20 +4,23 @@ McFly: Back to the Basics. Into the Future. +