From c25c02ca163847827a13d96b5fb6c97fba40a4b0 Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 18:42:06 +0100 Subject: [PATCH 01/49] Change buttons font-size bigger --- 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 b9007645..f5742a12 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -64,6 +64,7 @@ button { background-color: #372772; border: 2px solid black; color: #fff; + font-size: 150%; } footer { From bcf25d60a1c71c94d1a5271c441c6c0e4c63473f Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 19:18:55 +0100 Subject: [PATCH 02/49] Create Lana-feature branch and change button color when cursor hover --- 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 f5742a12..1cf13b3a 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -67,6 +67,10 @@ button { font-size: 150%; } +button:hover { + background-color: #6742ee; +} + footer { background-color: #211a1d; color: #ffffff; From 963dfd707bbfb8a475db625d198052a63f712283 Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 19:34:30 +0100 Subject: [PATCH 03/49] Edit buttons slyle --- zoo-css-challenge/index.html | 282 ++++++++++++++++++++--------------- zoo-css-challenge/style.css | 12 +- 2 files changed, 171 insertions(+), 123 deletions(-) diff --git a/zoo-css-challenge/index.html b/zoo-css-challenge/index.html index 0892fd58..fd66cb97 100644 --- a/zoo-css-challenge/index.html +++ b/zoo-css-challenge/index.html @@ -1,136 +1,180 @@ - - - - -
- - -
-
-
-

Birmingham Zoo

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

Birmingham Zoo

+
-
-

Opening 2021!

-
+
+

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?

-
- Grizzly Bear - Grizzly Bear - Grizzly Bear -
-
+
+

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? +

+
+ Grizzly Bear + Grizzly Bear + Grizzly Bear +
+
-
-

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 easily recognizable with their dark vertical stripes and reddish/orange fur. -
  3. The Bengal tiger is the most common tiger. -
  4. Tigers live between 20-26 years in the wild. -
  5. Unlike most other cats, tigers are great swimmers and actually like the water. -
-
+
+

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. +
  2. + Tigers are easily recognizable with their dark vertical stripes and + reddish/orange fur. +
    3. +
  3. The Bengal tiger is the most common tiger.
    4. +
  4. Tigers live between 20-26 years in the wild.
    5. +
  5. + Unlike most other cats, tigers are great swimmers and actually like + the water. +
    6. +
+
-
-

Giraffe

+
+

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

+

Behavior

-

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

+

+ 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

+

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. +

+
-
-

News

-
- -

Helping wild turtles in Seychelles

- Find out More -
-
- -

Learning about the rainforest

- Find out More -
-
+
+

News

+
+ +

Helping wild turtles in Seychelles

+ Find out More +
+
+ +

Learning about the rainforest

+ Find out More +
+
-
-
-

Learning resources for schools

-

Explore our activities, videos, and lesson plans to support a wide range of curriculum topics

- -
-
+
+
+

Learning resources for schools

+

+ Explore our activities, videos, and lesson plans to support a wide + range of curriculum topics +

+ +
+
-
-

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

- -
+
+

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 +

+ +
-
-

Programs

-
-

Children and Family Programs

- Find out More -
-
-

Adult Programs

- Find out More -
-
-

Youth and young adults

- Find out More -
-

Useful Links

-

-

- w3schools.com - National Geographic - Wikipedia -
- -
-
-

Open Monday-Friday 7am-4pm

1 Birmingham Road
-
+
+

Programs

+
+

Children and Family Programs

+ Find out More +
+
+

Adult Programs

+ Find out More +
+
+

Youth and young adults

+ Find out More +
+

Useful Links

+

+ w3schools.com + National Geographic + Wikipedia +
+
+
+

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 1cf13b3a..1deea305 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -64,12 +64,8 @@ button { background-color: #372772; border: 2px solid black; color: #fff; - font-size: 150%; } -button:hover { - background-color: #6742ee; -} footer { background-color: #211a1d; @@ -178,6 +174,14 @@ footer { margin-bottom: 1em; } +.education-container button { + font-size: 150%; +} + +.education-container button:hover { + background-color: #6742ee; +} + /*Membership*/ .membership { From a7e8f5211b12eafe3e85d27010d160439df53d2d Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 19:39:35 +0100 Subject: [PATCH 04/49] Add learning block the border-radius --- 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 1deea305..38fbaa76 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -167,6 +167,7 @@ footer { background-color: rgba(255, 255, 255, 0.75); padding: 50px; max-width: 400px; + border-radius: 10px; } .education-container h3, From 7902c74e24ec22467accbcad64fa39a65ab8d51b Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 20:01:15 +0100 Subject: [PATCH 05/49] Edit Membership section --- 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 38fbaa76..0c558dc2 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -198,6 +198,11 @@ footer { color: #ff7f11; } +.membership p { + max-width: 700px; + margin: auto; +} + /*Programs*/ .programs .card { From b016e93d16a6daec84a3635524ede1ffe78bb925 Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 20:02:34 +0100 Subject: [PATCH 06/49] Edit margin membership --- 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 0c558dc2..dd23655a 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -200,7 +200,7 @@ footer { .membership p { max-width: 700px; - margin: auto; + margin: 0 auto; } /*Programs*/ From e35fb74b326fa20c03299c188c3f118ce59b355a Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 20:04:11 +0100 Subject: [PATCH 07/49] edit-2 margin membership --- 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 dd23655a..537bea9b 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -200,7 +200,7 @@ footer { .membership p { max-width: 700px; - margin: 0 auto; + margin: auto auto; } /*Programs*/ From 75465f94b179892f7cb134cb9fed44f9f302d438 Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 20:07:32 +0100 Subject: [PATCH 08/49] edit-3 margin p membership --- 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 537bea9b..24f9e9a0 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -200,7 +200,7 @@ footer { .membership p { max-width: 700px; - margin: auto auto; + margin-left: auto; } /*Programs*/ From 9c69a3cc009d0cc17f0160bf83f7871f4bc64780 Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 20:08:33 +0100 Subject: [PATCH 09/49] edit-4 --- 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 24f9e9a0..dd23655a 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -200,7 +200,7 @@ footer { .membership p { max-width: 700px; - margin-left: auto; + margin: 0 auto; } /*Programs*/ From 6bb3ed5841b72182e55b9be82d99ee4fe1ca8a15 Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 20:10:08 +0100 Subject: [PATCH 10/49] edit-5 --- zoo-css-challenge/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/zoo-css-challenge/style.css b/zoo-css-challenge/style.css index dd23655a..c87dc500 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -200,7 +200,8 @@ footer { .membership p { max-width: 700px; - margin: 0 auto; + margin-left: auto; + margin-right: auto; } /*Programs*/ From d133fb91758d8feeed7fcfd5a3b3117d63f18ff5 Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 20:11:36 +0100 Subject: [PATCH 11/49] check changes by commenting --- 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 c87dc500..0f55b4ea 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -198,11 +198,11 @@ footer { color: #ff7f11; } -.membership p { +/*.membership p { max-width: 700px; margin-left: auto; margin-right: auto; -} +}*/ /*Programs*/ From f86cb063e1acf468dd781df5f5b8f17b6868dd78 Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 20:12:39 +0100 Subject: [PATCH 12/49] check by commenting again --- zoo-css-challenge/style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/zoo-css-challenge/style.css b/zoo-css-challenge/style.css index 0f55b4ea..bac2aac6 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -198,11 +198,11 @@ footer { color: #ff7f11; } -/*.membership p { +.membership p { max-width: 700px; - margin-left: auto; - margin-right: auto; -}*/ + /*margin-left: auto; + margin-right: auto;*/ +} /*Programs*/ From f6c2fb09a82e71fcf50ae52e77fed53aa5e6c010 Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 20:14:16 +0100 Subject: [PATCH 13/49] Accept changes in membership section --- 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 bac2aac6..c87dc500 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -200,8 +200,8 @@ footer { .membership p { max-width: 700px; - /*margin-left: auto; - margin-right: auto;*/ + margin-left: auto; + margin-right: auto; } /*Programs*/ From 3306d4ddb953d7af4f5fb891bac73e540470032f Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 20:19:18 +0100 Subject: [PATCH 14/49] check changes programs comenting --- 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 c87dc500..831075c4 100644 --- a/zoo-css-challenge/style.css +++ b/zoo-css-challenge/style.css @@ -206,6 +206,6 @@ footer { /*Programs*/ -.programs .card { +/*.programs .card { display: block; -} +}*/ From 0c4746e05255e9867c6f359e7af073b164a89ba1 Mon Sep 17 00:00:00 2001 From: Sveta Date: Sun, 14 Dec 2025 20:26:10 +0100 Subject: [PATCH 15/49] Edit links in Programs section --- zoo-css-challenge/index.html | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) diff --git a/zoo-css-challenge/index.html b/zoo-css-challenge/index.html index fd66cb97..cdcf053a 100644 --- a/zoo-css-challenge/index.html +++ b/zoo-css-challenge/index.html @@ -153,23 +153,33 @@

Are there any benefits or discounts for members?

Programs

Children and Family Programs

- Find out More + Find out More

Adult Programs

- Find out More + Find out More

Youth and young adults

- Find out More + Find out More

Useful Links

- w3schools.com + w3schools.com National Geographic - Wikipedia + Wikipedia