From e072246abd1144aaef677f2ee08e5e103fb86789 Mon Sep 17 00:00:00 2001 From: Karina Sanchez Date: Wed, 10 Dec 2025 20:50:25 +0100 Subject: [PATCH 01/13] border deleted --- zoo-css-challenge/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/zoo-css-challenge/style.css b/zoo-css-challenge/style.css index b9007645..ceb0772c 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -28,11 +28,11 @@ section { padding: 5%; background-color: #f8f0fb; } - +/* img { border: 5px solid #8075ff; } - +*/ h1, h2, h3, From 8620f1f749c1cf3970c12517e2aae4ba2eaa1e5c Mon Sep 17 00:00:00 2001 From: Abel Date: Sat, 13 Dec 2025 09:01:34 +0100 Subject: [PATCH 02/13] [fix-Bears]: Each image is assigned a different border color --- zoo-css-challenge/style.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/zoo-css-challenge/style.css b/zoo-css-challenge/style.css index ceb0772c..3d1e7055 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -110,6 +110,11 @@ footer { .image-container img:first-of-type { vertical-align: bottom; + border-color: #56e39f; +} + +.image-container img:last-of-type { + border-color: #9c208c; } .tigers { From 15451133bb38ed2df36488819fcbbdbe19b5a810 Mon Sep 17 00:00:00 2001 From: Abel Date: Sat, 13 Dec 2025 09:16:42 +0100 Subject: [PATCH 03/13] [fix-Bears]: The images are aligned with respect to the top --- zoo-css-challenge/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/zoo-css-challenge/style.css b/zoo-css-challenge/style.css index 3d1e7055..3096dc40 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -109,7 +109,7 @@ footer { } .image-container img:first-of-type { - vertical-align: bottom; + /* vertical-align: bottom; */ border-color: #56e39f; } From 75da47e2942f393d58e2e88a54d3db31cf20c9ba Mon Sep 17 00:00:00 2001 From: Abel Date: Sat, 13 Dec 2025 13:43:22 +0100 Subject: [PATCH 04/13] [fix-Giraffes]: Change text colors --- zoo-css-challenge/style.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/zoo-css-challenge/style.css b/zoo-css-challenge/style.css index 3096dc40..2e0c080a 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -123,12 +123,13 @@ footer { } .giraffe { - background-color: #465775; - color: #56e39f; + background-color: #483c46; + color: #beee62; } -.giraffe h2 { - color: #ef6f6c; +.giraffe h2, +.giraffe h3 { + color: #f4743b; } .card { From 338c1161e63a7fde266a5f27f1f7dece492ff584 Mon Sep 17 00:00:00 2001 From: Abel Date: Sat, 13 Dec 2025 14:13:40 +0100 Subject: [PATCH 05/13] [fix-Giraffes]: Updated font size of the 1st paragraph --- zoo-css-challenge/style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/zoo-css-challenge/style.css b/zoo-css-challenge/style.css index 2e0c080a..f304d351 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -132,6 +132,10 @@ footer { color: #f4743b; } +.giraffe p:first-of-type { + font-size: 1.3rem; +} + .card { display: inline-block; background-color: white; From 5822b5a8ddc317508c4f9180f4ec47bc351b2410 Mon Sep 17 00:00:00 2001 From: Abel Date: Sat, 13 Dec 2025 15:33:05 +0100 Subject: [PATCH 06/13] [fix-Learning]: Update button styles --- zoo-css-challenge/style.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/zoo-css-challenge/style.css b/zoo-css-challenge/style.css index f304d351..38b78c39 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -178,6 +178,28 @@ footer { max-width: 400px; } +.education-container button { + display: inline-block; + border-radius: 5px; + cursor: pointer; + padding: 10px 20px; + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); + background-color: #372772; + border: none; + color: #fff; + font-size: 1.2em; +} + +.education-container button:hover { + background-color: #6320ee; +} + +.education-container button:active { + box-shadow: none; + transform: translateY(2px); + background-color: #9c208c; +} + .education-container h3, .education-container p { margin-bottom: 1em; From 17b8e326f1fd4394512c4c37e25d2206277a5b74 Mon Sep 17 00:00:00 2001 From: Abel Date: Sat, 13 Dec 2025 15:35:44 +0100 Subject: [PATCH 07/13] [fix-Learning]: Update container styles --- zoo-css-challenge/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/zoo-css-challenge/style.css b/zoo-css-challenge/style.css index 38b78c39..37e63638 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -176,6 +176,7 @@ footer { background-color: rgba(255, 255, 255, 0.75); padding: 50px; max-width: 400px; + border-radius: 16px; } .education-container button { From 440e3ae0f2bfc55f498599cad367128911ab5fe5 Mon Sep 17 00:00:00 2001 From: Abel Date: Sat, 13 Dec 2025 16:05:08 +0100 Subject: [PATCH 08/13] [add-Programs]: A container is added to correct card styles --- zoo-css-challenge/index.html | 128 +++++++++++++++++------------------ zoo-css-challenge/style.css | 9 +++ 2 files changed, 73 insertions(+), 64 deletions(-) diff --git a/zoo-css-challenge/index.html b/zoo-css-challenge/index.html index 0892fd58..5400a4f0 100644 --- a/zoo-css-challenge/index.html +++ b/zoo-css-challenge/index.html @@ -1,52 +1,39 @@ - - - - -
- - -
-
-
-

Birmingham Zoo

-
- -
-

Opening 2021!

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

Birmingham Zoo

+
+ +
+

Opening 2021!

+

Bears

-

Did you know that a bear's closest relative is the seal? Or that bears can smell over 2,000 times better than humans?

+

Did you know that a bear's closest relative is the seal? Or that bears can smell over 2,000 times better + than humans?

- Grizzly Bear - Grizzly Bear - Grizzly Bear + Grizzly Bear + Grizzly Bear + Grizzly Bear
@@ -54,7 +41,8 @@

Bears

Tiger

Top 5 Tiger Facts

    -
  1. Tigers are the largest cat species in the world reaching up to 3.3 meters in length and weighing up to 670 pounds! +
  2. Tigers are the largest cat species in the world reaching up to 3.3 meters in length and weighing up + to 670 pounds!
  3. Tigers are easily recognizable with their dark vertical stripes and reddish/orange fur.
  4. The Bengal tiger is the most common tiger.
  5. Tigers live between 20-26 years in the wild. @@ -65,17 +53,24 @@

    Top 5 Tiger Facts

    Giraffe

    -

    Giraffes are the world's tallest mammals, thanks to their towering legs and long necks. A giraffe's legs alone are taller than many humans—about 6 feet . These long legs allow giraffes to run as fast as 35 miles an hour over short distances and cruise comfortably at 10 miles an hour over longer distances.

    +

    Giraffes are the world's tallest mammals, thanks to their towering legs and long necks. A giraffe's legs + alone are taller than many humans—about 6 feet . These long legs allow giraffes to run as fast as 35 + miles an hour over short distances and cruise comfortably at 10 miles an hour over longer distances.

    Behavior

    Typically, these fascinating animals roam the open grasslands in small groups of about half a dozen.

    -

    Bulls sometimes battle one another by butting their long necks and heads. Such contests aren't usually dangerous and end when one animal submits and walks away.

    +

    Bulls sometimes battle one another by butting their long necks and heads. Such contests aren't usually + dangerous and end when one animal submits and walks away.

    Height and Size

    -

    Giraffes use their height to good advantage and browse on leaves and buds in treetops that few other animals can reach (acacias are a favorite). Even the giraffe's tongue is long! The 21-inch tongue helps them pluck tasty morsels from branches. Giraffes eat most of the time and, like cows, regurgitate food and chew it as cud. A giraffe eats hundreds of pounds of leaves each week and must travel miles to find enough food.

    +

    Giraffes use their height to good advantage and browse on leaves and buds in treetops that few other + animals can reach (acacias are a favorite). Even the giraffe's tongue is long! The 21-inch tongue helps + them pluck tasty morsels from branches. Giraffes eat most of the time and, like cows, regurgitate food + and chew it as cud. A giraffe eats hundreds of pounds of leaves each week and must travel miles to find + enough food.

    @@ -102,23 +97,26 @@

    Learning resources for schools

    Are there any benefits or discounts for members?

    -

    There are AMAZING benefits of becoming a member with Birmingham Zoo! Our members get special discounts in our shops, cafes, and unlimited entry

    +

    There are AMAZING benefits of becoming a member with Birmingham Zoo! Our members get + special discounts in our shops, cafes, and unlimited entry

    Programs

    -
    -

    Children and Family Programs

    - Find out More -
    -
    -

    Adult Programs

    - Find out More -
    -
    -

    Youth and young adults

    - Find out More +
    +
    +

    Children and Family Programs

    + Find out More +
    +
    +

    Adult Programs

    + Find out More +
    +
    +

    Youth and young adults

    + Find out More +

    Useful Links

    @@ -128,9 +126,11 @@

    Useful Links

    Wikipedia
    -
-
-

Open Monday-Friday 7am-4pm

1 Birmingham Road
-
- +
+
+

Open Monday-Friday 7am-4pm

+
1 Birmingham Road
+
+ + \ No newline at end of file diff --git a/zoo-css-challenge/style.css b/zoo-css-challenge/style.css index 37e63638..de28bf93 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -225,4 +225,13 @@ footer { .programs .card { display: block; + flex: 1; + min-width: 200px; + max-width: 300px; +} + +.programs-container { + display: flex; + flex-wrap: wrap; + justify-content: space-between; } From db036bdc2c24b2aa64adcd75bc7022d0309a95b8 Mon Sep 17 00:00:00 2001 From: Abel Date: Sat, 13 Dec 2025 17:19:21 +0100 Subject: [PATCH 09/13] [fix-Programs]: Fix broken links --- zoo-css-challenge/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/zoo-css-challenge/index.html b/zoo-css-challenge/index.html index 5400a4f0..e8262ef9 100644 --- a/zoo-css-challenge/index.html +++ b/zoo-css-challenge/index.html @@ -121,9 +121,9 @@

Youth and young adults

Useful Links

- w3schools.com + w3schools.com National Geographic - Wikipedia + Wikipedia From 3920a2b8ff86b691bc35fe803541f0c4dc3d80d3 Mon Sep 17 00:00:00 2001 From: Abel Date: Sat, 13 Dec 2025 17:49:30 +0100 Subject: [PATCH 10/13] [add-Visit_zoo]: The Zoo Visit section has been added --- zoo-css-challenge/index.html | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/zoo-css-challenge/index.html b/zoo-css-challenge/index.html index e8262ef9..a30dbfef 100644 --- a/zoo-css-challenge/index.html +++ b/zoo-css-challenge/index.html @@ -126,6 +126,35 @@

Useful Links

Wikipedia +
+

Visit Zoo Aquarium of Madrid

+

Home to over 6,000 animals from across the globe, the Zoo Aquarium de Madrid offers an + unforgettable experience for visitors of all ages. Discover the wonders of wildlife through our + diverse habitats, engaging interactive programs, and spectacular animal presentations.

+
+
+

Highlights of Your Visit:

+
    +
  • Global Wildlife: Encounter a vast collection of species from every continent in carefully + designed ecosystems.
    • +
  • Education & Interaction: Participate in immersive educational programs and talks designed to + inspire conservation awareness.
    • +
  • Spectacular Shows: Witness breathtaking demonstrations of animal behavior and agility.
    • +
  • Conservation Mission: Learn about our active role in global species preservation and + protection efforts.
    • +
  • Perfect for All: An ideal destination for family fun, school trips, and wildlife + enthusiasts.
    • +
+
+
+ +
+
+
+