From a658c6b9769adf5764af5158513cde6b41bfe1d5 Mon Sep 17 00:00:00 2001 From: Matthew Lemon Date: Mon, 18 Mar 2024 16:46:35 +0000 Subject: Better --- index.html | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++---------- style.css | 47 +++++++++++++++++++++++++++++++++++++---------- 2 files changed, 87 insertions(+), 20 deletions(-) diff --git a/index.html b/index.html index 681eb48..e6c144a 100644 --- a/index.html +++ b/index.html @@ -4,32 +4,72 @@ - Jo signpost page
-

Joanna Lemon Learning

+
+
+
+
+

Joanna Lemon Learning

+

+ Welcome to my gallery of creativity. Here you'll find a collection of my latest works, from paintings to pottery, all lovingly crafted by hand. +

+
+
+
+ +
+
+
+

For information: please contact joanna@joannalemon.com

+
+ + + +
+
+
+
+ +
-
-
-

Here is the left bit of content.

+
+
+

Section title

+

+ Welcome to my gallery of creativity. Here you'll find a collection of my latest works, from paintings to pottery, all lovingly crafted by hand. +

+
+ +
+

Section 2 title

+

+ Welcome to my gallery of creativity. Here you'll find a collection of my latest works, from paintings to pottery, all lovingly crafted by hand. +

+
+ +
+

Section 2 title

+

+ Welcome to my gallery of creativity. Here you'll find a collection of my latest works, from paintings to pottery, all lovingly crafted by hand. +

+
+
-

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

-

For information: please contact hello@joannalemon.com

+

For information: please contact joanna@joannalemon.com

-
-

Here is the right bit of content.

+

Here is the left bit of content.

diff --git a/style.css b/style.css index 759b9fb..9300f21 100644 --- a/style.css +++ b/style.css @@ -1,17 +1,39 @@ .wrapper { display: grid; - height: 200px; - grid-template-columns: 1fr 3fr 1fr; + /* height: 200px; */ + grid-template-columns: 3fr 1fr; gap: 10px; } +.child { + background: white; + padding: 1.2em; + border: 1px solid; + border-color: lightgray; + border-radius: 5px; +} + +.left-section { + background: white; + padding: 1.2em; + border: 1px solid; + border-color: lightgray; + border-radius: 5px; + margin-bottom: 10px; +} + +.inner { + display: grid; + grid-template-columns: 1fr 1fr; +} + @font-face { font-family: 'OpenSans'; src: url(OpenSans-VariableFont_wdth,wght.ttf); } * { - font-size: 14pt; + font-size: 12pt; font-family: 'OpenSans'; } @@ -20,14 +42,23 @@ header { max-width: fit-content; margin-left: auto; margin-right: auto; - margin-top: 100px; + margin-top: 50px; } -.inner { +.inner-header { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr; + gap: 10px; + margin-bottom: 20px; } +.info { + margin-left: auto; + margin-right: auto; + text-align: center; +} + + .jumplist { display: grid; grid-template-columns: repeat(3, 1fr); @@ -38,10 +69,6 @@ h1 { font-size: 2.4em; } -.child { - background: white; - padding: 1.2em; -} .objectpic { max-width: fit-content; -- cgit v1.2.3