diff --git a/package-lock.json b/package-lock.json index 8c78ca8..27f9fda 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,11 +1,11 @@ { - "name": "thecoddepot", + "name": "chadstestsite", "version": "0.1.0", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "thecoddepot", + "name": "chadstestsite", "version": "0.1.0", "dependencies": { "@emotion/react": "^11.10.8", diff --git a/package.json b/package.json index 04526f3..ea3dac3 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "thecoddepot", + "name": "chadstestsite", "version": "0.1.0", "private": true, "dependencies": { diff --git a/src/components/Footer.js b/src/components/Footer.js index b18b293..9b34362 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -14,7 +14,7 @@ function Footer() { -

© 2023 chadstestsite.com

+

© 2023 ehchadservices.com

); } diff --git a/src/pages/Home.js b/src/pages/Home.js index d00d193..159da0a 100644 --- a/src/pages/Home.js +++ b/src/pages/Home.js @@ -10,9 +10,12 @@ function Home() {

Chad's Test Website

This is kinda fun

- + - + +
+ +
); } diff --git a/src/styles/About.css b/src/styles/About.css index 62ae9e5..2157517 100644 --- a/src/styles/About.css +++ b/src/styles/About.css @@ -1,13 +1,13 @@ .about { width: 100%; - height: 90vh; + height: 90svh; display: flex; flex-direction: column; } .aboutTop { - width: 100%; - height: 45%; + width: 100svw; + height: 35%; background-position: center; background-repeat: no-repeat; background-size: cover; @@ -23,7 +23,9 @@ } .aboutBottom p { - width: 1200px; + width: 90svw; + display: flex; + justify-content: center; } .about .aboutBottom h1 { diff --git a/src/styles/Footer.css b/src/styles/Footer.css index 98f5933..fd4898c 100644 --- a/src/styles/Footer.css +++ b/src/styles/Footer.css @@ -1,6 +1,6 @@ .footer { - width: 100%; - height: 200px; + width: 100svw; + height: 160px; background-color: #121619; display: flex; justify-content: center; diff --git a/src/styles/Home.css b/src/styles/Home.css index a3b85b7..a2001e5 100644 --- a/src/styles/Home.css +++ b/src/styles/Home.css @@ -1,5 +1,5 @@ .home { - width: 100%; + width: 100svw; height: 90vh; display: flex; justify-content: center; @@ -52,14 +52,22 @@ transition: 0.3s ease-in; } -@media only screen and (max-width: 650px) { +.discordint iframe { + display: flex; + justify-content: center; + width: 400px; + height: 50svh; +} + +@media only screen and (max-width: 765px) { .home { justify-content: center; align-items: center; } - .headerContainer h1, + .headerContainer h1, .headerContainer p { - } + display: flex; + } .headerContainer { margin-left: 0px; @@ -95,4 +103,10 @@ background-color: rgb(225, 225, 225); color: #121619; } + + .discordint iframe { + margin-left: 10svw; + width: 60svw; + height: 350px; + } } \ No newline at end of file diff --git a/src/styles/Navbar.css b/src/styles/Navbar.css index 461ada4..0d24c1f 100644 --- a/src/styles/Navbar.css +++ b/src/styles/Navbar.css @@ -1,5 +1,5 @@ .navbar { - width: 100%; + width: 100svw; height: 100px; background-color: #121619; display: flex; @@ -69,7 +69,7 @@ } @media only screen and (max-width: 900px) { .navbar .rightSide a { - width: 70px; + width: 65px; } .navbar .leftSide { padding-left: 50px; @@ -91,7 +91,7 @@ } } - @media only screen and (min-width: 600px) { + @media only screen and (min-width: 601px) { .navbar .rightSide button { display: none; } @@ -99,4 +99,8 @@ .hiddenLinks { display: none; } + + .navbar .leftSide a { + display: none; + } } \ No newline at end of file