rwx.work/help
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css/others

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

8
rtfd/public/html/index.html
View file

@ -1,10 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="description" content="Brief description of page."> <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> <title>Title.</title>
<link rel="stylesheet" href="style/main.css"> <link rel="stylesheet" href="style/main.css">
</head> </head>
@ -16,7 +16,9 @@
<nav aria-label="Main navigation"> <nav aria-label="Main navigation">
<ul> <ul>
<li><a href="index.html">Home</a></li> <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="other.html">Other</a></li>
<li><a href="about.html">About</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
@ -67,7 +69,7 @@
<section> <section>
<h2>Yet Another Heading</h2> <h2>Yet Another Heading</h2>
<h3>Sub Heading</h3> <h3>Sub Heading</h3>
<p>Yet another paragraph.</p> <p>Yet another paragraph that is quite a bit longer than others.</p>
</section> </section>
</div> </div>

9
rtfd/public/html/style/main.css
View file

@ -20,12 +20,11 @@ background-image: url("../images/logo.svg");
background-position: center; background-position: center;
background-size: cover; background-size: cover;
color: #777; color: #777;
font-family: sans-serif; font-family: monospace;
font-size: 1.5rem;
line-height: 1.25; line-height: 1.25;
margin-block: 0; margin-block: 0;
margin-inline: auto; margin-inline: auto;
max-inline-size: 70ch; max-inline-size: 160ch;
text-align: start; text-align: start;
} }
@ -71,7 +70,7 @@ border-radius: .25em;
border-style: solid; border-style: solid;
border-width: .1em; border-width: .1em;
color: #f77; color: #f77;
font-size: 1.75em; font-size: 3rem;
text-align: center; text-align: center;
} }
@ -88,7 +87,7 @@ section {
background-color: #033; background-color: #033;
margin-block: 1em; margin-block: 1em;
margin-inline: 1em; margin-inline: 1em;
max-inline-size: 20ch; max-inline-size: 40ch;
} }
strong { strong {

2
rtfd/public/html/style/reset.css
View file

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