Using our Converse Shoes code, time to practice the things that we have learned.
- Resetting the universal selector to zero.
- Use
widthto give a desired product width. - Use
margin: 50px auto;to center your page and give some space on the top. - Use
paddingto fatten out your background color in your title. - Using
margin-bottomto give spacing between words and pictures. - Sometimes you have to use
margin-topto give spacing.
FYI margin-bottom does not work on links.
- To get space in a list, you need to target the
liitself:
.details-list li {
margin-bottom: 10px;
}
- If you want a button to span the width of the page, be padded, and have a top border when the button is hovered:
width: 100%; padding: 15px; border-top: 4px solid black;