Favourite Recipe Site - Part D

  1. Login to your W3 Schools Spaces account
  2. Open your "style.css" file. Using CSS, change the bullet style of your list to squares. View example here
  3. Using CSS, change the margin of your "ingredients" "div" so that it moves more to the centre of the page. View example here
  4. Save your "style.css" file and open your "project2.html" file and see if all your style changes are displaying properly.
  5. Now, underneath your list of ingredients add a photo that represents your recipe and put border around the image using CSS in your "style.css" file. View example here

Now go back to your course and continue with chapters 6-9 of the CSS3 Foundations StudioWeb course.