diff --git a/landing/header.css b/landing/header.css --- a/landing/header.css +++ b/landing/header.css @@ -9,7 +9,7 @@ align-items: center; grid-template-columns: 40px repeat(12, 1fr) 40px; column-gap: 1.5%; - grid-template-areas: '. logo logo . . . page_nav page_nav . . . sIcons sIcons .'; + grid-template-areas: '. logo logo . . . page_nav page_nav . . sIcons sIcons sIcons .'; } .logo { @@ -44,17 +44,18 @@ .social_icons_container { grid-area: sIcons; display: flex; - justify-content: space-evenly; + justify-content: flex-end; } .social_icon { font-size: 20px; + margin-left: 20px; } @media screen and (max-width: 1099px) { nav.wrapper { grid-template-columns: 16px repeat(12, 1fr) 16px; - grid-template-areas: '. logo logo page_nav page_nav page_nav page_nav page_nav page_nav page_nav page_nav sIcons sIcons .'; + grid-template-areas: '. logo logo logo page_nav page_nav page_nav page_nav page_nav page_nav sIcons sIcons sIcons .'; } .logo { @@ -78,7 +79,7 @@ column-gap: 1.5%; row-gap: 25px; grid-template-areas: - '. logo logo . . sIcons sIcons .' + '. logo logo . sIcons sIcons sIcons .' '. page_nav page_nav page_nav page_nav page_nav page_nav .'; }