From 77d0c8980832a356b9cad9f4824441a7cff0e74c Mon Sep 17 00:00:00 2001 From: Jolie Vu <144160854+jolvu@users.noreply.github.com> Date: Sun, 18 Feb 2024 20:27:45 -0800 Subject: [PATCH 1/2] Update index.html --- index.html | 125 ++++++++++++++++++++++++++++++++--------------------- 1 file changed, 76 insertions(+), 49 deletions(-) diff --git a/index.html b/index.html index 782e5e5..8ed66d6 100644 --- a/index.html +++ b/index.html @@ -20,57 +20,84 @@

Perk Up Your Afternoon

- -

Coffee Basics

-

- Coffee is a brewed drink prepared from roasted coffee beans, the seeds - of berries from certain Coffea species. It is darkly colored, bitter, - slightly acidic and has a stimulating effect in humans, primarily due to - its caffeine content. -

-

- Coffee plants are now cultivated in over 70 countries and is one of the - most popular drinks in the world. It can be prepared and presented in a - variety of ways (e.g., espresso, French press, caffè latte). It is - usually served hot, although iced coffee is a popular alternative. -

- - - +
+
+
+ Pouring coffee +

Coffee Basics

+

+ Coffee is a brewed drink prepared from roasted coffee beans, the seeds + of berries from certain Coffea species. It is darkly colored, bitter, + slightly acidic and has a stimulating effect in humans, primarily due to + its caffeine content. +

+

+ Coffee plants are now cultivated in over 70 countries and is one of the + most popular drinks in the world. It can be prepared and presented in a + variety of ways (e.g., espresso, French press, caffè latte). It is + usually served hot, although iced coffee is a popular alternative. +

+
+
+ Coffee being poured from above +
+
+
+ - -

Dates back to 800 A.D.

-

- Legend has it that 9th-century goat herders noticed the effect caffeine - had on their goats, who appeared to "dance" after eating the fruit of - the Coffea plant. A local monk then made a drink with the produce and - found that it kept him awake at night, thus the original cup of coffee - was born. -

- - -

Technically seeds

-

- Coffee beans are technically seeds. They're the pits of the cherry-like - berries found on the flowering shrubs, but we call them "beans" because - of the resemblance to legumes. -

- - -

Banned in the past

-

- Back in 1511, leaders in Mecca believed it stimulated radical thinking - and outlawed the drink. Some 16th-century Italian clergymen also tried - to ban coffee because they believed it to be "satanic." However, Pope - Clement VII loved coffee so much that he lifted the ban and had coffee - baptized in 1600. -

- +
+
+
+ Three cups of coffee +

Dates back to 800 A.D.

+

+ Legend has it that 9th-century goat herders noticed the effect caffeine + had on their goats, who appeared to "dance" after eating the fruit of + the Coffea plant. A local monk then made a drink with the produce and + found that it kept him awake at night, thus the original cup of coffee + was born. +

+
+
+

Technically seeds

+

+ Coffee beans are technically seeds. They're the pits of the cherry-like + berries found on the flowering shrubs, but we call them "beans" because + of the resemblance to legumes. +

+
+
+ Four cups of coffee on table +

Banned in the past

+

+ Back in 1511, leaders in Mecca believed it stimulated radical thinking + and outlawed the drink. Some 16th-century Italian clergymen also tried + to ban coffee because they believed it to be "satanic." However, Pope + Clement VII loved coffee so much that he lifted the ban and had coffee + baptized in 1600. +

+
+
+
- - - - +
+
+
+ People ordering coffee +
+
+ Barista making latte art +
+
+ Barista making latte art +
+
+ Barista making latte art close up +
+
+
From 087de42a2ea0f40502302af6cfed215ef89f84b3 Mon Sep 17 00:00:00 2001 From: Jolie Vu <144160854+jolvu@users.noreply.github.com> Date: Sun, 18 Feb 2024 20:45:00 -0800 Subject: [PATCH 2/2] Update style.css --- style.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/style.css b/style.css index 2ab4394..bce4b99 100644 --- a/style.css +++ b/style.css @@ -27,3 +27,24 @@ main p { font-family: "Roboto", sans-serif; margin-top: 0; } + +.group { + display: flex; + flex-direction: column; + margin-bottom: 100px; +} + +.item { + flex: 1;. + margin: 10px; +} + +@media all and (min-width: 800px) { + section { + padding: 0 10%; + } + + .group { + flex-direction: row; + } +}