css/others

This commit is contained in:
Marc Beninca 2025-01-27 00:31:16 +01:00
parent fc4bd69cda
commit 9db5cd4e94
Signed by: marc.beninca
GPG key ID: 9C7613450C80C24F
3 changed files with 10 additions and 9 deletions

View file

@ -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>

View file

@ -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 {

View file

@ -28,7 +28,7 @@ text-wrap: balance;
figcaption,
li,
p {
max-width: 64ch;
max-width: 79ch;
text-wrap: pretty;
}