Sam's Bootstrap exercise answers
- There are horizontal lines separating the rows. The text is spread out so the table takes up the whole width of the browser
- The side margins are larger than they were before and it looks less crowded
- .table th
- CHECK The element's class attribute contains table
- user agent stylesheet (browser said so)
- Rows alternate gray and white backgrounds
- (odd) in selector makes odd numbered rows' backgrounds gray
- Changed the top row of the table (label/header row) to orange instead of gray
- text-transform: uppercase;
- Properties specified by Bootstrap:
font-size
margin-bottom
font-weight
line-height
margin-top
Properties specified by Chrome (the user agent):
display
font-size
margin-block-start
margin-block-end
margin-inline-start
margin-inline-end
font-weight
- Property name 1: font-size
Property name 2: font-weight
- The picture of Dutch and the choaches moved to the right of the window
- Space was added between the picture and the text to the left of it
- padding
border
vertical-align
- tag
- The text becomes smaller, a lighter color, and italicized
- The quote becomes bigger and more prominent than the other text
- em dash