53 lines
698 B
CSS
53 lines
698 B
CSS
:root {
|
|
--default-font-size: 16px;
|
|
--default-spacing: 10px;
|
|
}
|
|
body {
|
|
line-height: 1.5;
|
|
}
|
|
|
|
p, h1, h2, h3, h4, h5, textarea, input, fieldset {
|
|
margin: var(--default-spacing);
|
|
}
|
|
|
|
legend {
|
|
padding: 5px;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
textarea, input {
|
|
padding: var(--default-spacing);
|
|
font-size: var(--default-font-size);
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
}
|
|
|
|
header {
|
|
grid-area: header;
|
|
border: solid 1px black;
|
|
}
|
|
|
|
article {
|
|
grid-area: content;
|
|
border: solid 1px black;
|
|
}
|
|
|
|
aside {
|
|
grid-area: sidebar;
|
|
border: solid 1px black;
|
|
}
|
|
|
|
.details {
|
|
grid-area: details;
|
|
border: solid 1px black;
|
|
}
|
|
|
|
footer {
|
|
grid-area: footer;
|
|
border: solid 1px black;
|
|
} |