DEV Community

Adhyan Jain
Adhyan Jain

Posted on

Week 3 of Web Dev

Hey devs! πŸ‘‹
I'm back with another weekly update on my coding journey through The Complete Full-Stack Web Development Bootcamp by Angela Yu.

Despite my final exams, I’ve stayed on track with consistent small wins every day β€” and the progress feels amazing! πŸ’ͺ

πŸ“š What I Learned This Week
πŸ”Ή Day 15: CSS Colors
Learned how to use HEX, RGB, and HSL color formats. Practiced applying them effectively for better design aesthetics.

πŸ”Ή Day 16: Fonts in CSS
Discovered how to change and import fonts using font-family and @import. Google Fonts is a game-changer!

πŸ”Ή Day 17: Font Properties
Explored font weight, size, style, and line height. Learned how small changes in typography improve readability.

πŸ”Ή Day 18: CSS Box Model
Finally understood how elements are spaced using margin, border, padding, and content β€” the core of CSS layout.

πŸ”Ή Day 19: Motivation Meme Project
Applied my knowledge in a mini-project β€” built a motivational meme web page using CSS styling and layout skills.

πŸ”Ή Day 20: Margin & Padding
Practiced using margin and padding to space and align content neatly. It’s all about visual clarity and balance.

πŸ”Ή Day 21: Combining Selectors
Learned how to combine tag, class, and descendant selectors. My CSS code is now way cleaner and more efficient!

🧠 Key Takeaways
The box model is crucial for mastering CSS layouts.

Consistent styling with fonts and spacing improves user experience.

Mini-projects reinforce learning by bringing concepts together.

⚑ Challenges I Faced
Still wrapping my head around margin collapsing and box sizing. It took a few experiments, but it’s finally making sense.

πŸ’¬ Question for You
What was the most confusing part of CSS when you started?
Let’s share our stories and learn from each other β€” I’d love to hear your experience! πŸš€

Top comments (0)