From ce871b31b04f1994ec3f0b03afe9c2e83b71c36a Mon Sep 17 00:00:00 2001 From: Beren Varol Date: Thu, 14 Dec 2023 14:47:00 +0300 Subject: [PATCH 1/2] first letter of footer and header components were capitalized, typo was corrected. --- public/index.html | 48 ++++++++++++++++++-------------- src/components/Footer.js | 6 ++-- src/components/Header.js | 6 ++-- src/styles/Header.css | 60 +++++++++++++++++++--------------------- 4 files changed, 63 insertions(+), 57 deletions(-) diff --git a/public/index.html b/public/index.html index 0bf5ef7a..f6144fb3 100644 --- a/public/index.html +++ b/public/index.html @@ -1,28 +1,36 @@ - - - - - - - - - + + + + + + + + Travel Guide | By Zero To Mastery Students - - - - + + +
- - - \ No newline at end of file + + diff --git a/src/components/Footer.js b/src/components/Footer.js index f21ec141..4cdb84b7 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -1,14 +1,14 @@ import React from "react"; import { Link } from "react-router-dom"; // import "../styles/footer.css"; -const footer = () => { +const Footer = () => { return (
@@ -149,4 +149,4 @@ const footer = () => { ); }; -export default footer; +export default Footer; diff --git a/src/components/Header.js b/src/components/Header.js index 281d37ea..4bfcaa0f 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -3,11 +3,11 @@ import { NavLink, Link } from "react-router-dom"; // import globe from "../Globe.svg"; import "../styles/Header.css"; -const header = () => { +const Header = () => { return (

@@ -90,4 +90,4 @@ const header = () => { ); }; -export default header; +export default Header; diff --git a/src/styles/Header.css b/src/styles/Header.css index 3b12ef16..fc6fece7 100644 --- a/src/styles/Header.css +++ b/src/styles/Header.css @@ -1,25 +1,24 @@ -@import url('https://fonts.googleapis.com/css?family=Abril+Fatface'); -@import url('https://fonts.googleapis.com/css?family=Staatliches'); +@import url("https://fonts.googleapis.com/css?family=Abril+Fatface"); +@import url("https://fonts.googleapis.com/css?family=Staatliches"); .header { - background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.849)), url(../img/BaganMyanmar.jpg); - background-position: 20% 85%; - - background-repeat: no-repeat; - background-size: cover; - background-origin: content-box; - /* mix-blend-mode: saturation; */ - + background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.849)), + url(../img/BaganMyanmar.jpg); + background-position: 20% 85%; + background-repeat: no-repeat; + background-size: cover; + background-origin: content-box; + /* mix-blend-mode: saturation; */ } header.header { - padding-top: 0; + padding-top: 0; } @media screen and (min-width: 1300px) { - .header { - background-position: 10% 80%; - } + .header { + background-position: 10% 80%; + } } /* @media screen and (min-width: 500px) { @@ -31,30 +30,29 @@ header.header { } */ - .headertext { - background: rgb(0, 0, 0); - letter-spacing: 7px; - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - font-family: 'Staatliches', cursive; - font-size: 6em; - text-transform: uppercase; - text-shadow: 4px 3px 0px white; - margin-top: 0; + background: rgb(0, 0, 0); + letter-spacing: 7px; + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-family: "Staatliches", cursive; + font-size: 6em; + text-transform: uppercase; + text-shadow: 4px 3px 0px white; + margin-top: 0; } h1.headertext { - margin-top: 0; + margin-top: 0; } .nav { - background-color: rgba(0, 0, 0, 0.952); - position: relative; - bottom: -40px; + background-color: rgba(0, 0, 0, 0.952); + position: relative; + bottom: -40px; } iframe { - border: 0px; -} \ No newline at end of file + border: 0px; +} From 58a81796bbdcfa9f4c5859aa8d3845736ab5a699 Mon Sep 17 00:00:00 2001 From: Beren Varol Date: Thu, 14 Dec 2023 16:25:38 +0300 Subject: [PATCH 2/2] Added some css attributes for header responsiveness --- src/components/Header.js | 1 - src/styles/Header.css | 13 ++++++++----- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/src/components/Header.js b/src/components/Header.js index 4bfcaa0f..ca1be721 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -27,7 +27,6 @@ const Header = () => {

-