fix slight width inconsistencies

This commit is contained in:
filifa 2024-05-27 16:56:31 -05:00
parent edc5e33774
commit 2ffb75b4aa
1 changed files with 9 additions and 16 deletions

View File

@ -6,36 +6,33 @@ html {
} }
body { body {
display: flex; display: grid;
flex-direction: column; place-items: center;
align-items: center; place-content: center;
} }
dd-header { dd-header {
margin: 5px; width: 100%;
width: 80ch;
max-width: 100%;
box-shadow: 5px 5px 5px;
} }
dd-footer { dd-footer {
margin: 5px; width: 100%;
width: 80ch;
max-width: 100%;
box-shadow: 5px 5px 5px;
} }
header { header {
margin: 5px;
height: 110px; height: 110px;
flex: auto;
display: flex; display: flex;
align-items: center; align-items: center;
box-shadow: 5px 5px 5px;
} }
footer { footer {
border: 3px black solid; border: 3px black solid;
background: turquoise; background: turquoise;
margin: 5px;
text-align: center; text-align: center;
box-shadow: 5px 5px 5px;
} }
footer ul { footer ul {
@ -103,10 +100,6 @@ nav ul li + li::before {
content: " | "; content: " | ";
} }
main {
flex: auto;
}
aside { aside {
background: turquoise; background: turquoise;
border: 3px black solid; border: 3px black solid;