diff --git a/public/index.html b/public/index.html index 36a1ede..dcfc34b 100644 --- a/public/index.html +++ b/public/index.html @@ -529,28 +529,14 @@ diff --git a/public/styles.css b/public/styles.css index 68a1a80..94fead7 100644 --- a/public/styles.css +++ b/public/styles.css @@ -1139,59 +1139,50 @@ section[id] { scroll-margin-top: 92px; } .site-footer { background: var(--black); color: var(--paper); - padding-top: 28px; + padding: 22px 0; } -.footer-inner { - display: grid; - grid-template-columns: 1fr auto; - gap: 34px; - align-items: center; - padding-bottom: 26px; -} -.footer-logo { height: 22px; width: auto; margin-bottom: 8px; } -.footer-brand p { - font-size: 13px; - color: var(--gray-2); - letter-spacing: .03em; - max-width: 390px; -} -.footer-links { - display: flex; - justify-content: flex-end; - flex-wrap: wrap; - gap: 8px 20px; -} -.footer-links a { - font-size: 13px; - color: #D4D4D4; -} -.footer-links a:hover { color: var(--paper); } -.footer-base { +.footer-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; - padding-top: 14px; - padding-bottom: 18px; - border-top: 1px solid #262626; - font-size: 12px; - color: var(--gray-2); } -.footer-base > span:last-child { +.footer-brand { display: flex; align-items: center; + gap: 14px; + min-width: 0; +} +.footer-logo { height: 22px; width: auto; flex: none; } +.footer-brand p { + font-size: 13px; + color: var(--gray-2); + letter-spacing: .03em; + white-space: nowrap; +} +.footer-links { + display: flex; justify-content: flex-end; + align-items: center; flex-wrap: wrap; gap: 6px 10px; text-align: right; } -.footer-base i { +.footer-links a { + font-size: 13px; + color: var(--gray-2); +} +.footer-links { + font-size: 13px; + color: var(--gray-2); +} +.footer-links i { width: 3px; height: 3px; background: #3A3A3A; border-radius: 50%; } -.footer-base a:hover { color: var(--paper); } +.footer-links a:hover { color: var(--paper); } /* ============================================================ RESPONSIVE @@ -1214,20 +1205,12 @@ section[id] { scroll-margin-top: 92px; } .arbeit-grid { grid-template-columns: 1fr; gap: 44px; } .event-grid { grid-template-columns: 1fr; } .kontakt-grid { grid-template-columns: 1fr; gap: 44px; } - .footer-inner { - grid-template-columns: 1fr; + .footer-bar { + flex-direction: column; gap: 16px; align-items: start; } - .footer-links { justify-content: flex-start; } - .footer-base { - align-items: flex-start; - flex-direction: column; - } - .footer-base > span:last-child { - justify-content: flex-start; - text-align: left; - } + .footer-links { justify-content: flex-start; text-align: left; } } @media (max-width: 620px) { @@ -1264,9 +1247,14 @@ section[id] { scroll-margin-top: 92px; } .event-card { grid-template-columns: 1fr; } .event-card img, .mini-terminal { aspect-ratio: 16 / 10; } - .site-footer { padding-top: 24px; } + .site-footer { padding: 22px 0; } .footer-links { gap: 8px 14px; } - .footer-base { gap: 10px; } + .footer-brand { + align-items: flex-start; + flex-direction: column; + gap: 10px; + } + .footer-brand p { white-space: normal; } } .reveal {