From 34a0d21b48e19167bd6283ebe0237562e2a4e9ac Mon Sep 17 00:00:00 2001 From: NetMan <13informatyka14@gmail.com> Date: Fri, 29 Dec 2023 17:41:30 +0100 Subject: [PATCH] Completed exercise 04 --- 04-flex-information/index.html | 29 ++++++++++++++++++----------- 04-flex-information/style.css | 14 ++++++++++++++ 2 files changed, 32 insertions(+), 11 deletions(-) diff --git a/04-flex-information/index.html b/04-flex-information/index.html index 3cc3efd..aa9dc9d 100644 --- a/04-flex-information/index.html +++ b/04-flex-information/index.html @@ -10,17 +10,24 @@
Information!
- barberry -
This is a type of plant. We love this one.
- - chili -
This is another type of plant. Isn't it nice?
- - pepper -
We have so many plants. Yay plants.
- - saffron -
I'm running out of things to say about plants.
+
+
+ barberry +
This is a type of plant. We love this one.
+
+
+ chili +
This is another type of plant. Isn't it nice?
+
+
+ pepper +
We have so many plants. Yay plants.
+
+
+ saffron +
I'm running out of things to say about plants.
+
+
diff --git a/04-flex-information/style.css b/04-flex-information/style.css index 80c00fd..2e8a84a 100644 --- a/04-flex-information/style.css +++ b/04-flex-information/style.css @@ -2,6 +2,19 @@ body { font-family: 'Courier New', Courier, monospace; } +.flex { + display: flex; + justify-content: center; + gap: 52px; + margin: 32px 0 0 0; +} + +.tile { + width: 200px; + flex: 0 0 auto; + text-align: center; +} + img { width: 100px; height: 100px; @@ -10,6 +23,7 @@ img { .title { font-size: 36px; font-weight: 900; + text-align: center; } /* do not edit this footer */