Ally's Bootstrap Exercise Answers
- 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.
- .table td, .table th
(light gray, dark)
- The letters td are used for table header cells, and the letters td are used for table data cells.
- font-weight: bold;
- This caused every other row to be shaded - providing further distinction/separation in the table.
- white: #fff;
gray: rgba(0, 0, 0, .05);
- This made the top heading to be orange in the background color.
- text-transform: uppercase;
- 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:
- Property name 1: font-size:
Property name 2: font-weight:
- This caused the image to shift to the right end of the screen.
- This took the margin of space around the photo to a smaller size.
- padding: 0.25rem;
border: 1 px solid #dee2e6;
border-radius: 0.25rem;
- body{ font-family:
- This made the font smaller, lighter in color, and in italics.
- This made the text larger.
- This is known as the em dash, or hyphen, and is coded in unicode as U+2014.