From be38b007260160234c764519f44eac33d8f0dce0 Mon Sep 17 00:00:00 2001 From: Marc Beninca Date: Sun, 26 Jan 2025 17:23:23 +0100 Subject: [PATCH] css/wrapper --- rtfd/public/html/index.html | 41 +++++++++++++++++++------------- rtfd/public/html/style/debug.css | 2 +- rtfd/public/html/style/main.css | 10 ++++++-- rtfd/public/html/style/reset.css | 4 ++-- 4 files changed, 35 insertions(+), 22 deletions(-) diff --git a/rtfd/public/html/index.html b/rtfd/public/html/index.html index ce65a42..f760cf0 100644 --- a/rtfd/public/html/index.html +++ b/rtfd/public/html/index.html @@ -2,8 +2,11 @@ - + + + Title. + @@ -25,23 +28,27 @@ Go elsewhere… -
-

A Heading

-
    Ordered: -
  1. Some item
    2. -
  2. Another item
    3. -
-

Another paragraph.

-
+
-
-

Another Heading

-
    Unordered: -
  • Some item
    • -
  • Another item
    • -
- -
+
+

A Heading

+
    Ordered: +
  1. Some item
    2. +
  2. Another item
    3. +
+

Another paragraph.

+
+ +
+

Another Heading

+
    Unordered: +
  • Some item
    • +
  • Another item
    • +
+ +
+ +
diff --git a/rtfd/public/html/style/debug.css b/rtfd/public/html/style/debug.css index 4e7fcf7..68b72f4 100644 --- a/rtfd/public/html/style/debug.css +++ b/rtfd/public/html/style/debug.css @@ -1,5 +1,5 @@ * { border-color: magenta; -border-style: solid; +border-style: dashed; border-width: 1px; } diff --git a/rtfd/public/html/style/main.css b/rtfd/public/html/style/main.css index 2546005..4f1b57b 100644 --- a/rtfd/public/html/style/main.css +++ b/rtfd/public/html/style/main.css @@ -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 { diff --git a/rtfd/public/html/style/reset.css b/rtfd/public/html/style/reset.css index f3c1dc4..669740f 100644 --- a/rtfd/public/html/style/reset.css +++ b/rtfd/public/html/style/reset.css @@ -1,7 +1,7 @@ * { box-sizing: border-box; /* -margin: 2px; -padding: 2px; +margin: .5px; +padding: .5em; /**/ }