css/wrapper

This commit is contained in:
Marc Beninca 2025-01-26 17:23:23 +01:00
parent 87e13f0033
commit be38b00726
Signed by: marc.beninca
GPG key ID: 9C7613450C80C24F
4 changed files with 35 additions and 22 deletions

View file

@ -2,8 +2,11 @@
<html>
<head>
<link rel="stylesheet" href="style/main.css">
<meta charset="UTF-8">
<meta name="description" content="Brief description of page.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title.</title>
<link rel="stylesheet" href="style/main.css">
</head>
<body>
@ -25,6 +28,8 @@
<a href="relative/destination">Go elsewhere…</a>
<div class="wrapper">
<section>
<h2>A Heading</h2>
<ol>Ordered:
@ -43,6 +48,8 @@
<time>Time.</time>
</section>
</div>
</main>
<footer>

View file

@ -1,5 +1,5 @@
* {
border-color: magenta;
border-style: solid;
border-style: dashed;
border-width: 1px;
}

View file

@ -41,8 +41,12 @@ padding: .5em 1em;
font-size: 1.5em;
}
.wrapper {
display: flex;
max-inline-size: 80ch;
}
main {
background-color: #030;
}
h1, h2, h3, h4, h5, h6 {
@ -65,7 +69,9 @@ background-color: #330;
section {
background-color: #033;
margin-block: 4em;
margin-block: 1em;
margin-inline: 1em;
max-inline-size: 20ch;
}
strong {

View file

@ -1,7 +1,7 @@
* {
box-sizing: border-box;
/*
margin: 2px;
padding: 2px;
margin: .5px;
padding: .5em;
/**/
}