Section 3, Challenge #2

Using our Converse Shoes code, time to practice the things that we have learned.

  • Resetting the universal selector to zero.
  • Use width to give a desired product width.
  • Use margin: 50px auto; to center your page and give some space on the top.
  • Use padding to fatten out your background color in your title.
  • Using margin-bottom to give spacing between words and pictures.
  • Sometimes you have to use margin-top to give spacing.

FYI margin-bottom does not work on links.

  • To get space in a list, you need to target the li itself:
	.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;
This entry was posted in Web Developer Course and tagged , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *