Ally's Bootstrap Exercise Answers

  1. This added a table organization layout, with rows and lines to separate the content. This caused the content to be much more visually appealing, as there are appropriate spaces, too.
  2. .table td, .table th
    (light gray, dark)
  3. The letters td are used for table header cells, and the letters td are used for table data cells.
  4. font-weight: bold;
  5. This caused every other row to be shaded - providing further distinction/separation in the table.
  6. white: #fff;
    gray: rgba(0, 0, 0, .05);
  7. This made the top heading to be orange in the background color.
  8. text-transform: uppercase;
  9. Properties specified by Bootstrap
    font-size:
    margin-bottom:
    font-weight:
    line-height:
    margin-top:
    box-sizing:
    margin:
    font-family:
    color:
    text-align:
    background-color:
    Properties specified by Chrome (the user agent)
    display: margin-block-strat:
    margin-block-end:
    margin-inline-start:
    margin-inline-end:
  10. Property name 1: font-size:
    Property name 2: font-weight:
  11. This caused the image to shift to the right end of the screen.
  12. This took the margin of space around the photo to a smaller size.
  13. padding: 0.25rem;
    border: 1 px solid #dee2e6;
    border-radius: 0.25rem;
  14. body{ font-family:
  15. This made the font smaller, lighter in color, and in italics.
  16. This made the text larger.
  17. This is known as the em dash, or hyphen, and is coded in unicode as U+2014.