datahorror

commit

c7d97e7cebcd69fe1d4fde5537a229df011807d5

parent

c025d64019e261bb2c02dd028c1ab65cd827952f

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2025-08-08 09:02

refactor header to not use media query

Diffstat

1 files changed, 7 insertions, 12 deletions

diff --git a/assets/style.css b/assets/style.css

@@ -127,17 +127,11 @@ footer {
  127   127 
  128   128 header .container {
  129   129     display: flex;
  130    -1     flex-direction: column;
  131    -1     gap: 0.5em;
  132    -1 }
  133    -1 
  134    -1 @media (min-width: 40rem) {
  135    -1     header .container {
  136    -1         flex-direction: row;
  137    -1         gap: 2em;
  138    -1         justify-content: space-between;
  139    -1         align-items: center;
  140    -1     }
   -1   130     justify-content: space-between;
   -1   131     align-items: center;
   -1   132     flex-wrap: wrap;
   -1   133     column-gap: 2em;
   -1   134     row-gap: 0.5em;
  141   135 }
  142   136 
  143   137 .brand {
@@ -148,8 +142,9 @@ header .container {
  148   142 
  149   143 nav {
  150   144     display: flex;
   -1   145     flex-wrap: wrap;
  151   146     flex-direction: row;
  152    -1     gap: 1.2em;
   -1   147     column-gap: 1.2em;
  153   148 }
  154   149 
  155   150 nav a {