Part $6$ Style the menu page

We will begin by styling the table. Select the table element

set the width to $50\%$ so that the table does not take up the whole space.

add a $3$px solid border with color #$6$d$9773$

Select the first row in the table $($Hint: this is the only tr element in the thead element$)$

set the background color to #$6$d$9773$

set the font color to white

Save the changes. You will notice that there are some gap between border and the cell. We

can fix this by collapsing the border

in the declaration block you created in step $1,$ add a new declaration to set the border

collapse to collapse

Select all the th and td elements

center align the text

set padding to $0\mathrm{.}5em$ all around

Add borders to split the hot beverages, cold beverages and desserts. Hint: an easy way to do

this is to use the nth$-$child pseudo$-$class. Set the border to $3$px solid and of color #$6$D$9773$

Select the caption element,

right align the element

make the text bold and italic

The paragraph below the table should have a smaller font. Remove the