css/wrapper
This commit is contained in:
parent
87e13f0033
commit
be38b00726
4 changed files with 35 additions and 22 deletions
|
@ -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>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
* {
|
||||
border-color: magenta;
|
||||
border-style: solid;
|
||||
border-style: dashed;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
/*
|
||||
margin: 2px;
|
||||
padding: 2px;
|
||||
margin: .5px;
|
||||
padding: .5em;
|
||||
/**/
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue