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! 🚀