Our Coffee

Our Coffee (coffee.html & coffee.css)

Headings

These styles only apply to the Hot Coffee Drinks, Iced Coffee Drinks, and Add Ons headings

• Add a background image, beansBanner.jpg
• Add the property/value pair of background-size: cover;
• Change the color of the text #FFFFFF
• Add padding to all sides
• Add a top-left and top-right rounded corner
• Add a bottom border #2E1B11
• Add a text shadow

---

HTML Table

• Replace the Hot Coffee Drinks list with a table including the prices indicated in the table below.
• Make sure all the links still work!
• Place the first row's data (Beverage, Small, Medium, and Large) in table heading elements.

• Give the <th> elements for Small, Medium, and Large a class=“size”

  Beverage	Small	Medium	Large
  Brewed Coffee	$1.95	$1.99	$2.19
  Americano	$1.99	$2.29	$3.19
  Espresso single, double, triple	$1.95	$2.75	$3.15
  Caffe Latte	$3.19	$3.45	$3.90
  Vanilla Latte	$3.75	$4.35	$4.90
  Cappuccino	$3.29	$3.75	$4.29
  Caffe Macchiato	$3.15	$4.15	$4.75
  Caramel Macchiato	$3.75	$4.35	$4.90
  Flat White	$3.19	$3.45	$3.90
  Caffe Mocha	$3.45	$4.15	$4.49
  Espresso Con Panna	$3.19	$3.45	$3.90

---

Table Styles

Table

• Add a table width of 90%
• Center the table to the <main> element
• Collapse the table borders

Table Data <td>

• Add a border #FFFFFF
• Add padding to all sides
• Add a background color #F7E8DE

Table Headings <th>

• Add a background color #2E1B11
• Change the text color #FFFFFF
• Add padding to all sides
• Round the top-left and top-right border
• Add a width of around 10% to the class=“size”. (This should apply to the Small, Medium, and Large columns only)

---

Unordered List Styles

• Add line height to the line items in the remaining unordered lists