css/others
This commit is contained in:
parent
fc4bd69cda
commit
9db5cd4e94
3 changed files with 10 additions and 9 deletions
|
@ -1,10 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="description" content="Brief description of page.">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Title.</title>
|
||||
<link rel="stylesheet" href="style/main.css">
|
||||
</head>
|
||||
|
@ -16,7 +16,9 @@
|
|||
<nav aria-label="Main navigation">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="some.html">Some</a></li>
|
||||
<li><a href="other.html">Other</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
@ -67,7 +69,7 @@
|
|||
<section>
|
||||
<h2>Yet Another Heading</h2>
|
||||
<h3>Sub Heading</h3>
|
||||
<p>Yet another paragraph.</p>
|
||||
<p>Yet another paragraph that is quite a bit longer than others.</p>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
|
|
@ -20,12 +20,11 @@ background-image: url("../images/logo.svg");
|
|||
background-position: center;
|
||||
background-size: cover;
|
||||
color: #777;
|
||||
font-family: sans-serif;
|
||||
font-size: 1.5rem;
|
||||
font-family: monospace;
|
||||
line-height: 1.25;
|
||||
margin-block: 0;
|
||||
margin-inline: auto;
|
||||
max-inline-size: 70ch;
|
||||
max-inline-size: 160ch;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
@ -71,7 +70,7 @@ border-radius: .25em;
|
|||
border-style: solid;
|
||||
border-width: .1em;
|
||||
color: #f77;
|
||||
font-size: 1.75em;
|
||||
font-size: 3rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
@ -88,7 +87,7 @@ section {
|
|||
background-color: #033;
|
||||
margin-block: 1em;
|
||||
margin-inline: 1em;
|
||||
max-inline-size: 20ch;
|
||||
max-inline-size: 40ch;
|
||||
}
|
||||
|
||||
strong {
|
||||
|
|
|
@ -28,7 +28,7 @@ text-wrap: balance;
|
|||
figcaption,
|
||||
li,
|
||||
p {
|
||||
max-width: 64ch;
|
||||
max-width: 79ch;
|
||||
text-wrap: pretty;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue