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