diff --git a/index.html b/index.html index 3066da9..2182808 100644 --- a/index.html +++ b/index.html @@ -442,17 +442,24 @@ diff --git a/sass/style.scss b/sass/style.scss index 27e6e4d..915ed87 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -871,6 +871,9 @@ body.noscroll { footer { $logo-radius: 4.5em; + display: flex; + flex-direction: column; + align-items: center; position: relative; text-align: center; font-size: 1.138rem; @@ -896,13 +899,6 @@ footer { background-color: $col-bg; } - .grid { - display: grid; - grid-template-columns: 1fr; - grid-row-gap: 2em; - grid-column-gap: 2em; - } - a { color: inherit; text-decoration: none; @@ -911,6 +907,23 @@ footer { color: lighten($col-accent, 25%); } } + + .contact-list { + display: flex; + flex-direction: column; + align-items: center; + gap: 2em; + margin-bottom: 3em; + + div { + width: 100%; + max-width: 15rem; + } + + .small { + font-size: .75em; + } + } } @media only screen and (min-width: $size-mobile) { @@ -1021,8 +1034,11 @@ footer { background-position: 170% center; } - footer .grid { - grid-template-columns: 3fr 2fr; + footer .contact-list { + flex-direction: row; + align-items: flex-start; + justify-content: center; + gap: 5em; } }