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)