From ffebf73e8e4488d266af96b141e3fd2de17ef7a5 Mon Sep 17 00:00:00 2001 From: oldoc63 Date: Fri, 1 Apr 2022 12:11:52 -0400 Subject: [PATCH] Add a width of 100 percent to the .location img CSS rule #789 --- tsunamiCoffee/index.html | 102 +++++++++++++------------- tsunamiCoffee/resources/css/style.css | 25 ++----- 2 files changed, 58 insertions(+), 69 deletions(-) diff --git a/tsunamiCoffee/index.html b/tsunamiCoffee/index.html index 558f9fc..6accbd1 100644 --- a/tsunamiCoffee/index.html +++ b/tsunamiCoffee/index.html @@ -2,66 +2,68 @@ - Tsunami Coffee - - + Tsunami Coffee + + -
- - -
+
+ + +
-
- -
-

Great coffee does not happen by accident.

-

We work side by side with farmers around the world to strengthen farming practices to cultivate the best coffee beans in the world. Then, we train our baristas in the sacred art of the brew process, yielding the most flavorful coffee you’ve ever tasted.

-

Tsunami Coffee is certified organic and fair trade.

-
+
+ +
+

Great coffee does not happen by accident.

+

We work side by side with farmers around the world to strengthen farming practices to cultivate the best coffee beans in the world. Then, we train our baristas in the sacred art of the brew process, yielding the most flavorful coffee you’ve ever tasted. +

+

Tsunami Coffee is certified organic and fair trade.

+
-
-
-

9.4/10: A rush of flavors. Absolutely divine

-

~ Coffee Critic

-
+
+
+

9.4/10: A rush of flavors. Absolutely divine.

+

~ Coffee Critic

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

Brewed with love in San Francisco-

-
+
+ +

Brewed with love in San Francisco.

+
- - \ No newline at end of file + diff --git a/tsunamiCoffee/resources/css/style.css b/tsunamiCoffee/resources/css/style.css index 3071cb2..2b7400d 100644 --- a/tsunamiCoffee/resources/css/style.css +++ b/tsunamiCoffee/resources/css/style.css @@ -13,7 +13,7 @@ body { .main { height: 30rem; - padding-top: 1 rem; + padding-top: 1rem; background-image: url('https://content.codecademy.com/courses/freelance-1/unit-5/tsunami-coffee/images/bg-photo.png'); background-repeat: no-repeat; background-position: center; @@ -28,8 +28,8 @@ body { } nav { - background-color: orangered; - color: white; + background-color: OrangeRed; + color: White; } ul { @@ -61,7 +61,7 @@ li { } .rating { - background-color: orangered; + background-color: OrangeRed; height: 20rem; padding: 0 1rem; color: white; @@ -91,11 +91,11 @@ li { } .location img { - + width: 100%; } footer { - background-color: orangered; + background-color: OrangeRed; padding: 0 1rem; } @@ -106,16 +106,3 @@ footer .container { padding: 5em 0; color: white; } - - - - - - - - - - - - -