HTML & CSS - Recipes Clone

Learning Goals

Objective:

• Properly structure a webpage using basic HTML tags (head, body, headings, paragraphs, images and lists)
• Create and link an external CSS stylesheet with an HTML document.
• Use id and class selectors to apply CSS styles to elements on a webpage.
• Display images in a webpage using HTML image tags and CSS background property.
• Submit completed work using Git and GitHub by creating a pull request.

Instructions

Work in the apple-pie folder. Find all the files, images and text content needed to create the page. The text is in the index.html and a CSS file is created in styles/style.css.

Final Result

Please find a screenshot of my final result below:

Extra Resources

• CSS Reference from MDN
• CSS Background Image