From 64a986fef3f5d34f3e182cd338029f0dbb275a34 Mon Sep 17 00:00:00 2001 From: roryjshelton <76418221+roryjshelton@users.noreply.github.com> Date: Sun, 7 May 2023 16:29:00 +0200 Subject: [PATCH] padding fix --- src/components/Navbar/Navbar.jsx | 10 ++--- src/components/Navbar/NavbarStyles.css | 37 ------------------ src/components/P1/CTO/CTO.astro | 4 +- src/components/P1/CTO/CTOStyles.css | 4 +- src/components/P1/Footer/FooterStyles.css | 4 +- src/components/P1/Grid/GridStyles.css | 5 ++- src/components/P1/Header/Header.astro | 2 +- src/components/P1/Message/MessageStyles.css | 2 +- src/components/P1/Powered/Powered.astro | 4 +- src/components/P1/Socials/Socials.astro | 8 ++-- src/components/P1/Vision/Vision.astro | 4 +- src/components/P1/Whatisweb3/Whatisweb3.astro | 13 +++++-- .../P1/Whatisweb3/Whatisweb3Styles.css | 39 ++----------------- 13 files changed, 37 insertions(+), 99 deletions(-) diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx index 3b9c673..fe77c9c 100644 --- a/src/components/Navbar/Navbar.jsx +++ b/src/components/Navbar/Navbar.jsx @@ -8,15 +8,15 @@ function Navbar() { const toggleNav = () => setNav(!nav) return ( -
-
+
+
@@ -30,8 +30,8 @@ function Navbar() {
  • Vision
  • What is Web3
  • Donate
    • -
    - Download Extension +
    + Download Extension
    diff --git a/src/components/Navbar/NavbarStyles.css b/src/components/Navbar/NavbarStyles.css index 5123908..f2c6be2 100644 --- a/src/components/Navbar/NavbarStyles.css +++ b/src/components/Navbar/NavbarStyles.css @@ -8,37 +8,11 @@ li { padding: 1rem; } -.download-btn-container { - color: var(--black) !important; - font-family: var(--font-family-jetbrains-mono); - font-size: var(--font-size-s); - font-weight: 400; - font-style: normal; - align-items: flex-end; - background-color: var(--aquamarine); - border-radius: 5px; - display: flex; - height: 52px; - min-width: 245px; - padding: 12px 5.2px; - transform: scale(1); - transition: 0.3s; -} - .header-alt { color: var(--aquamarine); font-family: var(--font-family-jetbrains-mono); } -.download-btn-container a { - color: black; -} - -.download-btn-container:hover { - transform: scale(1.01); - transition: 0.3s; -} - .download-btn { letter-spacing: 0; min-height: 26px; @@ -99,17 +73,6 @@ li { margin: 0 1em; } - .download-btn-container { - transform: scale(0.7); - transition: 0.3s; - margin-left: -0.8em; - } - - .download-btn-container:hover { - transform: scale(0.75); - transition: 0.3s; - } - .download-btn { letter-spacing: 0; min-height: 26px; diff --git a/src/components/P1/CTO/CTO.astro b/src/components/P1/CTO/CTO.astro index 37a8988..c2d1df3 100644 --- a/src/components/P1/CTO/CTO.astro +++ b/src/components/P1/CTO/CTO.astro @@ -6,9 +6,7 @@ import "./CtoStyles.css";
    -
    +

    diff --git a/src/components/P1/CTO/CTOStyles.css b/src/components/P1/CTO/CTOStyles.css index 428d079..c0e6a3e 100644 --- a/src/components/P1/CTO/CTOStyles.css +++ b/src/components/P1/CTO/CTOStyles.css @@ -35,13 +35,13 @@ @media screen and (width >0px) and (width <=600px) { .cto-container { - margin-left: -3em; background-position: 100px 50px; background-size: cover; background-repeat: no-repeat; background-origin: content-box; transition: 0.5s; justify-content: center; + max-width: 80%; } .cto-bp { @@ -51,7 +51,7 @@ .shadowdrop { border-radius: 72.5px; - box-shadow: 4px 4px #00000040; + box-shadow: 0px 4px 4px #00000040; margin-left: 12%; transition: 0.5s; justify-content: center; diff --git a/src/components/P1/Footer/FooterStyles.css b/src/components/P1/Footer/FooterStyles.css index d921d91..91e4c17 100644 --- a/src/components/P1/Footer/FooterStyles.css +++ b/src/components/P1/Footer/FooterStyles.css @@ -2,13 +2,14 @@ font-family: var(--font-family-jaldi); margin-inline: 5px; list-style-type: none; + white-space: nowrap; } .footer-cards { margin: 0 auto; display: grid; gap: 1rem; - padding: 5% 11.5%; + padding: 7% 14.7%; background-color: #020E10; height: auto; } @@ -42,6 +43,7 @@ background-repeat: no-repeat; background-size: contain; background-position: left; + margin-right: 2%; padding-inline: 10px; height: 14px; object-fit: cover; diff --git a/src/components/P1/Grid/GridStyles.css b/src/components/P1/Grid/GridStyles.css index 5e52d1b..90e21ed 100644 --- a/src/components/P1/Grid/GridStyles.css +++ b/src/components/P1/Grid/GridStyles.css @@ -1,8 +1,9 @@ .cards { - max-width: 1200px; - margin: 10vh auto; + max-width: 81%; + margin: 126px auto; display: grid; gap: 1rem; + /* padding-left: 5.5%; */ } @media (width >=600px) { diff --git a/src/components/P1/Header/Header.astro b/src/components/P1/Header/Header.astro index 78313dc..81db273 100644 --- a/src/components/P1/Header/Header.astro +++ b/src/components/P1/Header/Header.astro @@ -2,7 +2,7 @@ import HeaderContent from "./HeaderContent.jsx"; --- -
    +
    diff --git a/src/components/P1/Message/MessageStyles.css b/src/components/P1/Message/MessageStyles.css index a451276..6fde8f7 100644 --- a/src/components/P1/Message/MessageStyles.css +++ b/src/components/P1/Message/MessageStyles.css @@ -5,7 +5,7 @@ flex-direction: column; gap: 7px; min-height: 237px; - padding: 5% 12%; + padding: 5% 15%; width: 100%; } diff --git a/src/components/P1/Powered/Powered.astro b/src/components/P1/Powered/Powered.astro index da4b798..be885c9 100644 --- a/src/components/P1/Powered/Powered.astro +++ b/src/components/P1/Powered/Powered.astro @@ -2,9 +2,9 @@ import "./PoweredStyles.css"; --- -
    +
    -



    POWERED BY

    +

    POWERED BY

    diff --git a/src/components/P1/Socials/Socials.astro b/src/components/P1/Socials/Socials.astro index 0dc9de3..9520e86 100644 --- a/src/components/P1/Socials/Socials.astro +++ b/src/components/P1/Socials/Socials.astro @@ -2,13 +2,15 @@ import "./SocialsStyles.css"; --- -
    +
    -

    +

    get in touch

    -
    +
    diff --git a/src/components/P1/Vision/Vision.astro b/src/components/P1/Vision/Vision.astro index 84a5a88..acf2b85 100644 --- a/src/components/P1/Vision/Vision.astro +++ b/src/components/P1/Vision/Vision.astro @@ -3,7 +3,7 @@ import "./VisionStyles.css"; ---

    -
    - Learn More +
    + Learn More
    diff --git a/src/components/P1/Whatisweb3/Whatisweb3Styles.css b/src/components/P1/Whatisweb3/Whatisweb3Styles.css index 63355c1..e08b10c 100644 --- a/src/components/P1/Whatisweb3/Whatisweb3Styles.css +++ b/src/components/P1/Whatisweb3/Whatisweb3Styles.css @@ -1,17 +1,17 @@ .w3-container { z-index: 999 !important; width: 100%; - padding-left: 53vw; + padding-left: 50vw; transition: 0.5s; } .whatisweb3-wrapper { background-image: url("../../../assets/tilted-rectangle.webp"); background-size: 100% 100%; - background-position: center; background-repeat: no-repeat; + left: 0%; width: 80%; - padding-block: 10em; + padding-block: 11em; justify-content: center; align-items: center; overflow: hidden; @@ -19,39 +19,6 @@ padding-left: calc(8px + 1.5625vw); } -.w3-btn-container { - align-items: center; - z-index: 999 !important; - background-color: var(--aquamarine); - border-radius: 5px; - display: flex; - height: 49px; - margin-left: -1.5px; - margin-top: 22px; - max-width: 105px; - padding: 0 3px; - transform: scale(1); - transition: 0.5s; -} - -.w3-btn-container:hover { - transform: scale(1.01); - transition: 0.5s; -} - -.w3-btn-container a { - color: black; -} - -.w3-btn { - letter-spacing: 0; - min-height: 26px; - text-align: center; - width: 105px; - display: block; - font-size: 15px; -} - .w3-transluscent { background-color: #020e1076; border-radius: 15px;