Overview

codedex.io/courses

Complete three HTML coding exercises in CodePen to practice the fundamentals of web page structure and formatting.

Instructions

Step 1: Complete Your Work

Create three separate CodePens for the following exercises, use CodePen 2.0, use your own images, and create your own content. I don't want a copy of what's on codedex.io; apply what you learn there and create the following. 

1. Newspaper – Create a newspaper article layout
2. Lost Pet – Design a lost pet flyer
3. Favorite Band – Build a page about your favorite band
4. Complete the Challenges (they can be found here in Milanote. 

Step 2: Submit Your Links

Copy and paste the URLs for all three CodePens in the text entry box below.

Format your submission like this:

Newspaper: [your CodePen URL]
Lost Pet: [your CodePen URL]

Favorite Band: [your CodePen URL] 

Challenges: [your CodePen URL ]

Example Submission:

Newspaper: https://codepen.io/yourusername/pen/abc123
Lost Pet: https://codepen.io/yourusername/pen/def456
Favorite Band: https://codepen.io/yourusername/pen/ghi789 

Challenges: https://codepen.io/yourusername/pen/ghi789

Before You Submit

• ✅ Make sure each CodePen is saved
• ✅ Test each link by opening it in a new browser tab
• ✅ Verify you have all three URLs

Submit all three links in one submission below.