Objective

Learn foundational CSS skills through Codecademy's Learn CSS modules, then apply them to your own recipe site project.

Part 1: Complete the Codecademy CSS Course

Go to: https://www.codecademy.com/learn/learn-css-introduction

You'll need to create a free Codecademy account if you don't have one.
The free tier covers everything required for this assignment.

Required Modules

1. Syntax and Selectors

• Complete all lessons
• Finish the Healy Recipes Project
• Run the code review and take screenshots of your output
• Complete the quiz

2. Visual Rules

• Complete all lessons
• Finish the Olivia Woodruff Portfolio Project
• Run the code review and take screenshots of your output
• Complete the quiz
• Watch this short overview video: YouTube – CSS Visual Rules

Codecademy will try to upsell you to Pro — you do not need it. Ignore any upgrade prompts.

Submission Requirements

Upload the following four screenshots to Canvas:

1. Syntax & Selectors quiz results
2. Visual Rules quiz results
3. Healy Recipes Project code review output
4. Olivia Woodruff Portfolio code review output

Naming Convention

[project]-[lastname][firstinitial]-s26

Example: oliviaportfolio-masingalet-s26.png

Class Discussion (Thursday)

Be ready to share:

• One interesting concept you learned
• One topic that was confusing or unclear
• One CSS technique you want to try in your own projects