diff --git a/src/homepage/CSS/Banner.module.css b/src/homepage/CSS/Banner.module.css index 5695dba..7d1fcb9 100644 --- a/src/homepage/CSS/Banner.module.css +++ b/src/homepage/CSS/Banner.module.css @@ -120,6 +120,7 @@ a { } .rectangle { top: -10px; + right: 320px; } } @media screen and (max-width: 1199px) { @@ -132,7 +133,7 @@ a { left: 60px; } .rectangle { - right: 100px; + right: 320px; top: -10px; } .girl { @@ -217,7 +218,7 @@ a { position: sticky; bottom: 0px; float: right; - right: 50px; + right: 100px; } } @media screen and (max-width: 669px) and (min-width: 460px) { @@ -227,6 +228,7 @@ a { right: 300px; } } + @media screen and (max-width: 629px) { .Button { left: 24%; @@ -238,6 +240,12 @@ a { #impact { margin-left: 30px; } + .Rectsmall { + position: sticky; + top: 750px; + right: 200px; + } + } @media screen and (max-width: 503px) { .Button { @@ -262,7 +270,8 @@ a { padding-left: 30px; padding-right: 30px; } - + + /* .SocialLinks1 { font-size: 1.15rem; @@ -287,4 +296,4 @@ a { .Button { left: 4%; } -} +} \ No newline at end of file diff --git a/src/homepage/Components/Banner.js b/src/homepage/Components/Banner.js index 7b9b7d3..c5e3872 100644 --- a/src/homepage/Components/Banner.js +++ b/src/homepage/Components/Banner.js @@ -11,7 +11,6 @@ import { FaTwitter, FaRegLightbulb, FaGithub, - FaDiscord, } from "react-icons/fa"; export default function Banner() { @@ -38,16 +37,6 @@ export default function Banner() { {" "} -
- - {" "} - {" "} - -
@@ -73,8 +62,8 @@ export default function Banner() {

- Give wings
to your - dreams + From Will
to + Skill

@@ -107,8 +96,8 @@ export default function Banner() {

- Give wings
to your - dreams + From Will
to + Skill