02 — CSS Content

🎨 CSS Notes

Daily CSS exercises — from selectors and specificity to Flexbox, Grid, and responsive layouts.

📅 9 Days 🔗 38 Files 📝 Flexbox · Grid · Media Queries · Overflow · Animations

Day 01 CSS Basics & Selectors 5 files

Day 1/index.html

Day 1/inline.html

Day 1/internal.html

Day 1/external.html

Day 1/contact.html

Day 02 Inline vs Block 2 files

Inline vs Block

Day 2/first.html

Day 2/index.html

Day 03 Box Model & Projects 5 files

Day 3/first.html

Day 3/index.html

Day 3/project1.html

Day 3/project2.html

Day 04 Flexbox & Forms 3 files

Day 4/first.html

Day 4/index.html

Day 05 CSS Grid 7 files

📁 Class Files

Day 5/chess.html

Day 5/chess1.html

Day 5/grid1.html

Day 5/index.html

Day 5/Page1.html

Day 5/Page2.html

📝 Homework

Day 5/HW/HW.html

Day 06 Essential CSS concepts! 4 files

Responsive design + viewport

Day 6/index.html

Applying different viewports

Day 6/example1.html

Box Shadow & Overflow Scroll

Day 6/example2.html

Day 07 CSS Animations 2 files

Day 7/index.html

Day 7/project1.html

Day 08 CSS Transitions & Transforms 6 files

📁 Class Files

Day 8/index1.html

1D Hover Rotation

Day 8/index2.html

Day 8/index3.html

3D Hover Rotation

Day 8/index4.html

Animated Rotation

Day 8/index5.html

📝 Homework

Day 8/HW/index6.html

Day 09 Portfolio Website 1 files

Portfolio Website

Day 9/index.html