aboutsummaryrefslogtreecommitdiff
path: root/assets/css/partials/header.scss
diff options
context:
space:
mode:
authorAriel Costas <94913521+arielcostas@users.noreply.github.com>2023-12-03 18:54:59 +0100
committerAriel Costas <94913521+arielcostas@users.noreply.github.com>2023-12-03 18:54:59 +0100
commitbcd6753b81b4f03e9613a42836f5f8afad61887a (patch)
tree3dea2a7e82e483980b29b08aa00d03015d30702c /assets/css/partials/header.scss
parent1a33aa0315481a18d8e75b568924e16114786509 (diff)
Mix mobile styles
Diffstat (limited to 'assets/css/partials/header.scss')
-rw-r--r--assets/css/partials/header.scss18
1 files changed, 17 insertions, 1 deletions
diff --git a/assets/css/partials/header.scss b/assets/css/partials/header.scss
index 65f71b4..16fb314 100644
--- a/assets/css/partials/header.scss
+++ b/assets/css/partials/header.scss
@@ -3,7 +3,7 @@ header {
color: black;
display: flex;
- flex-direction: horizontal;
+ flex-direction: row;
align-items: center;
justify-content: space-between;
@@ -39,4 +39,20 @@ header {
color: var(--accent-dark);
}
}
+}
+
+@media (max-width: 768px) {
+ header {
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+
+ h1 {
+ margin-bottom: 0.5rem;
+ }
+
+ p {
+ margin-bottom: 0;
+ }
+ }
} \ No newline at end of file