From f62487d20920e4e9316c30d60374f0ae226065d9 Mon Sep 17 00:00:00 2001 From: Mathias Magnusson Date: Mon, 7 Jul 2025 21:29:20 +0200 Subject: Add... something... --- images/buske-efter.jpeg | Bin 0 -> 5351890 bytes "images/buske-f\303\266re.jpeg" | Bin 0 -> 883759 bytes index.html | 49 +++++++++++++++++++++----------------- style.css | 51 +++++++++++++++++++++++++++++++++++----- 4 files changed, 72 insertions(+), 28 deletions(-) create mode 100644 images/buske-efter.jpeg create mode 100644 "images/buske-f\303\266re.jpeg" diff --git a/images/buske-efter.jpeg b/images/buske-efter.jpeg new file mode 100644 index 0000000..d20db53 Binary files /dev/null and b/images/buske-efter.jpeg differ diff --git "a/images/buske-f\303\266re.jpeg" "b/images/buske-f\303\266re.jpeg" new file mode 100644 index 0000000..9d3ac6f Binary files /dev/null and "b/images/buske-f\303\266re.jpeg" differ diff --git a/index.html b/index.html index 4c651ca..267b3d8 100644 --- a/index.html +++ b/index.html @@ -1,25 +1,30 @@ - - - - - Trädgårdstomten.se - - - -
-
-

Trädgårdstomten ✂️

-
- -
-
- -
- + + + + + Trädgårdstomten.se + + + +
+
+

Trädgårdstomten ✂️

+
+ +
+
+
+ + +

Se på fan va' snygg buskfan blev!

+
+
+ diff --git a/style.css b/style.css index 28c2567..50fc926 100644 --- a/style.css +++ b/style.css @@ -9,25 +9,64 @@ src: url(/OpenSans-VariableFont_wdth,wght.ttf); } +:root { + --night: #0c090b; + --pink: #ea46c5; + --beige: #e9eddd; + --rose: #9e0012; + + --green: #5a851c; + --green-1: #486a16; + --green-2: #364f10; + + color: var(--night); +} + body { font-family: OpenSans; } -header { +header section { + padding-block: 0.6em; text-align: center; + font-size: 48px; + background-color: var(--green); + display: grid; + place-items: center; + color: var(--beige); } -header section { - padding-block: 2em; - font-size: 24px; +header nav { + display: flex; + justify-content: center; + background-color: var(--green-1); + gap: 0.5em; } header nav a, header nav a:visited { - color: green; + padding: 0.5em 1em; + color: var(--beige); text-decoration: none; } main { - padding-block: 2em; + padding: 2em; + max-width: 1000px; text-align: center; + margin-inline: auto; +} + +main article { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 0.5em 1em; +} + +main article img { + width: 100%; + height: auto; +} + +main article p { + grid-column: 1 / -1; } -- cgit v1.2.3