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

css/wrapper

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

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

@ -2,8 +2,11 @@
<html> <html>
<head> <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> <title>Title.</title>
<link rel="stylesheet" href="style/main.css">
</head> </head>
<body> <body>
@ -25,23 +28,27 @@
<a href="relative/destination">Go elsewhere…</a> <a href="relative/destination">Go elsewhere…</a>
<section> <div class="wrapper">
<h2>A Heading</h2>
<ol>Ordered:
<li>Some item</li>
<li>Another item</li>
</ol>
<p>Another paragraph.</p>
</section>
<section> <section>
<h2><span class="thing">Another</span> Heading</h2> <h2>A Heading</h2>
<ul>Unordered: <ol>Ordered:
<li>Some item</li> <li>Some item</li>
<li>Another item</li> <li>Another item</li>
</ul> </ol>
<time>Time.</time> <p>Another paragraph.</p>
</section> </section>
<section>
<h2><span class="thing">Another</span> Heading</h2>
<ul>Unordered:
<li>Some item</li>
<li>Another item</li>
</ul>
<time>Time.</time>
</section>
</div>
</main> </main>

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

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

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

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

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

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