Changes in Header and footer Section

DeepRahangdale · DeepRahangdale · commit 015308799930 · 2023-10-17T01:23:56.000+05:30
diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css
@@ -82,7 +82,7 @@ footer {
  
   .footer__logo {
     text-decoration: none;
-    color: #fff; 
+    color: var(--color-bg); 
     font-weight: bold;
   }
   
@@ -102,7 +102,7 @@ footer {
   
   .permalinks a {
     text-decoration: none;
-    color: #fff; 
+    color: var(--color-bg); 
   }
   
   
diff --git a/src/components/header/header.css b/src/components/header/header.css
@@ -69,71 +69,83 @@ header {
   }
 }
 
-.social-icon {
-  font-size: 28px;
+/* Existing CSS styles 
+.header__container {
+  padding: 20px; 
+  text-align: center;
+}
+
+.header__title {
+  margin-top: 20px; 
 }
 
+.scroll__down {
+  margin-top: 20px; 
+  margin-left: 30px;
+}
+*/
+
+.social-icon {
+  font-size: 20px;
+  
+}
 
 @media (min-width: 768px) {
   .social-icon {
     font-size: 38px;
   }
 }
 
-
 @media (min-width: 1200px) {
   .social-icon {
-    font-size: 39px;
+    font-size: 26px;
   }
 }
 
-
 .scroll__down {
-  font-size: 18px;
+  font-size: 15px;
+  margin-left: 60px;
 }
 
-
 @media (min-width: 768px) {
   .scroll__down {
-    font-size: 24px;
+    font-size: 22px;
+    margin-left: 30px;
   }
 }
 
-
 @media (min-width: 1200px) {
   .scroll__down {
-    font-size: 27px;
+    font-size: 20px;
+    margin-right: -70px;
+    
   }
 }
 
-
-
 .header__text {
   font-size: 14px;
 }
 
 .header__title {
-  font-size: 28px;
+  font-size: 40px;
 }
 
-
 @media (min-width: 768px) {
   .header__text {
     font-size: 18px;
   }
 
   .header__title {
-    font-size: 36px;
+    font-size: 32px;
   }
 }
 
-
 @media (min-width: 1200px) {
   .header__text {
-    font-size: 24px;
+    font-size: 20px;
   }
 
   .header__title {
-    font-size: 48px;
+    font-size: 60px;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -82,7 +82,7 @@ footer {`
`82`	`82`
`83`	`83`	`.footer__logo {`
`84`	`84`	`text-decoration: none;`
`85`		`- color: #fff;`
	`85`	`+ color: var(--color-bg);`
`86`	`86`	`font-weight: bold;`
`87`	`87`	`}`
`88`	`88`
`@@ -102,7 +102,7 @@ footer {`
`102`	`102`
`103`	`103`	`.permalinks a {`
`104`	`104`	`text-decoration: none;`
`105`		`- color: #fff;`
	`105`	`+ color: var(--color-bg);`
`106`	`106`	`}`
`107`	`107`
`108`	`108`
Original file line number	Diff line number	Diff line change
`@@ -69,71 +69,83 @@ header {`
`69`	`69`	`}`
`70`	`70`	`}`
`71`	`71`
`72`		`-.social-icon {`
`73`		`- font-size: 28px;`
	`72`	`+/* Existing CSS styles`
	`73`	`+.header__container {`
	`74`	`+ padding: 20px;`
	`75`	`+ text-align: center;`
	`76`	`+}`
	`77`	`+`
	`78`	`+.header__title {`
	`79`	`+ margin-top: 20px;`
`74`	`80`	`}`
`75`	`81`
	`82`	`+.scroll__down {`
	`83`	`+ margin-top: 20px;`
	`84`	`+ margin-left: 30px;`
	`85`	`+}`
	`86`	`+*/`
	`87`	`+`
	`88`	`+.social-icon {`
	`89`	`+ font-size: 20px;`
	`90`	`+`
	`91`	`+}`
`76`	`92`
`77`	`93`	`@media (min-width: 768px) {`
`78`	`94`	`.social-icon {`
`79`	`95`	`font-size: 38px;`
`80`	`96`	`}`
`81`	`97`	`}`
`82`	`98`
`83`		`-`
`84`	`99`	`@media (min-width: 1200px) {`
`85`	`100`	`.social-icon {`
`86`		`- font-size: 39px;`
	`101`	`+ font-size: 26px;`
`87`	`102`	`}`
`88`	`103`	`}`
`89`	`104`
`90`		`-`
`91`	`105`	`.scroll__down {`
`92`		`- font-size: 18px;`
	`106`	`+ font-size: 15px;`
	`107`	`+ margin-left: 60px;`
`93`	`108`	`}`
`94`	`109`
`95`		`-`
`96`	`110`	`@media (min-width: 768px) {`
`97`	`111`	`.scroll__down {`
`98`		`- font-size: 24px;`
	`112`	`+ font-size: 22px;`
	`113`	`+ margin-left: 30px;`
`99`	`114`	`}`
`100`	`115`	`}`
`101`	`116`
`102`		`-`
`103`	`117`	`@media (min-width: 1200px) {`
`104`	`118`	`.scroll__down {`
`105`		`- font-size: 27px;`
	`119`	`+ font-size: 20px;`
	`120`	`+ margin-right: -70px;`
	`121`	`+`
`106`	`122`	`}`
`107`	`123`	`}`
`108`	`124`
`109`		`-`
`110`		`-`
`111`	`125`	`.header__text {`
`112`	`126`	`font-size: 14px;`
`113`	`127`	`}`
`114`	`128`
`115`	`129`	`.header__title {`
`116`		`- font-size: 28px;`
	`130`	`+ font-size: 40px;`
`117`	`131`	`}`
`118`	`132`
`119`		`-`
`120`	`133`	`@media (min-width: 768px) {`
`121`	`134`	`.header__text {`
`122`	`135`	`font-size: 18px;`
`123`	`136`	`}`
`124`	`137`
`125`	`138`	`.header__title {`
`126`		`- font-size: 36px;`
	`139`	`+ font-size: 32px;`
`127`	`140`	`}`
`128`	`141`	`}`
`129`	`142`
`130`		`-`
`131`	`143`	`@media (min-width: 1200px) {`
`132`	`144`	`.header__text {`
`133`		`- font-size: 24px;`
	`145`	`+ font-size: 20px;`
`134`	`146`	`}`
`135`	`147`
`136`	`148`	`.header__title {`
`137`		`- font-size: 48px;`
	`149`	`+ font-size: 60px;`
`138`	`150`	`}`
`139`	`151`	`}`