From 47c663003ecae3382db6fc49c77eadf5757646d4 Mon Sep 17 00:00:00 2001 From: Manos Date: Tue, 31 Dec 2019 21:27:21 +0200 Subject: [PATCH] Various fixes --- css/styles.css | 21 +++++++++++--------- index.html | 52 ++++++++++++++++++++++++++------------------------ 2 files changed, 39 insertions(+), 34 deletions(-) diff --git a/css/styles.css b/css/styles.css index 938eec1..1d2d7b4 100644 --- a/css/styles.css +++ b/css/styles.css @@ -19,18 +19,19 @@ h1, h2, h3, h4, h5, p { #nav { background-color: black; position: fixed; - display: flex; + display: block; justify-content: center; top: 0; width: 100%; z-index: 1; box-shadow: 0 0 0.1em dimgray; + text-align: center; } #nav a, #nav-mini .menu a { color: white; - display: block; - float: center; + display: inline-block; + vertical-align: middle; font-family: sans-serif; font-size: calc(0.75em + 0.05vw); font-weight: bold; @@ -60,6 +61,7 @@ h1, h2, h3, h4, h5, p { } #nav-mini .menu a { + display: block; text-align: center; padding: 1em 0 1em 0; border-bottom: 0.1em solid dimgray; @@ -142,6 +144,11 @@ h1, h2, h3, h4, h5, p { text-shadow: 0 0 0.1em black; } +#home .social, #footer .social { + display: block; + justify-content: center; +} + #home .social a, #footer .social a { height: calc(1em + 1vw); width: calc(1em + 1vw); @@ -152,15 +159,11 @@ h1, h2, h3, h4, h5, p { text-decoration: none; outline: 0; margin: 0 1em; - display: block; + display: inline-block; + vertical-align: middle; filter: invert(100%) drop-shadow(0 0 0.1em black); } -#home .social, #footer .social { - display: flex; - justify-content: center; -} - #home .social a:hover { filter: invert(90%) drop-shadow(0 0 0.1em black); } diff --git a/index.html b/index.html index 84bd9c1..5fbfa98 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,7 @@ + @@ -14,34 +15,34 @@ Manos Katsomallos -