diff --git a/assets/css/header.css b/assets/css/headers.css similarity index 86% rename from assets/css/header.css rename to assets/css/headers.css index 8bc36ab..179a7a0 100644 --- a/assets/css/header.css +++ b/assets/css/headers.css @@ -119,10 +119,39 @@ width: 100%; margin-top: 10px; } + + .contact-bar { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + padding: 0.5rem 1.5rem; +} + + +@media (max-width: 768px) { + .contact-bar { + flex-direction: row; + justify-content: space-between; + text-align: left; + } + + .contact-info { + text-align: left; + } + + .social-icons { + text-align: right; + } +} + + +@media (min-width: 769px) { .contact-bar { flex-direction: column; text-align: center; - } + } +} .social-icons { margin-top: 10px; @@ -142,6 +171,7 @@ } } + @media (max-width: 576px) { .logo { width: 70px; diff --git a/includes/header.php b/includes/header.php index abb6c29..3a56080 100644 --- a/includes/header.php +++ b/includes/header.php @@ -6,29 +6,30 @@