Sam's Bootstrap exercise answers

  1. There are horizontal lines separating the rows. The text is spread out so the table takes up the whole width of the browser
  2. The side margins are larger than they were before and it looks less crowded
  3. .table th
  4. CHECK The element's class attribute contains table
  5. user agent stylesheet (browser said so)
  6. Rows alternate gray and white backgrounds
  7. (odd) in selector makes odd numbered rows' backgrounds gray
  8. Changed the top row of the table (label/header row) to orange instead of gray
  9. text-transform: uppercase;
  10. 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
  11. Property name 1: font-size
    Property name 2: font-weight
  12. The picture of Dutch and the choaches moved to the right of the window
  13. Space was added between the picture and the text to the left of it
  14. padding
    border
    vertical-align
  15. tag
  16. The text becomes smaller, a lighter color, and italicized
  17. The quote becomes bigger and more prominent than the other text
  18. em dash