diff --git a/style.css b/style.css index aa253bc..4e6c001 100644 --- a/style.css +++ b/style.css @@ -67,7 +67,8 @@ body { overflow: auto; word-wrap: break-word; overflow-wrap: break-word; - padding-bottom: 10px; + display: flex; + flex-direction: column; } h1 { @@ -92,6 +93,7 @@ img { } main { + flex: 1; display: flex; flex-direction: column; } @@ -131,6 +133,21 @@ header { } } +footer { + background-color: var(--alt-bg); + border-bottom: none; + margin: 15px; + padding: 5px; + margin-bottom: 0; + display: grid; + grid-template-columns: 1fr auto; + align-items: center; + + > a > img { + align-self: end; + } +} + section { display: flex; flex-direction: column; @@ -203,10 +220,14 @@ figure { margin: 0; margin-bottom: 15px; - > img { - height: auto; + > a { padding: 10px; padding-bottom: 0; + + > img { + height: auto; + width: 100%; + } } > figcaption {