---
# System prepended metadata

title: "Week 4 Summary – Practicing CSS Through Real Projects \U0001F3A8"

---

# Week 4 at BLockfuselabs – Practicing CSS Through Real Projects 🎨

Week 4 at **Blockfuse Labs** marked our official transition from structure to styling as we began working with **CSS**. After building multiple projects using only HTML, this week was focused on making those pages more visually appealing and better organized through practical CSS application.

We started by learning and applying **CSS selectors and specificity**, which helped us understand how to properly target elements without conflicts. This knowledge became especially useful as our styles grew more complex while working on real layouts.

A major focus of the week was the **CSS box model**, where we practiced controlling spacing using margin, padding, borders, and width. Understanding how elements occupy space helped us improve layout balance and consistency across our pages.

To reinforce these concepts, we practiced CSS by **styling forms and landing pages**. We applied CSS to inputs, labels, buttons, and form layouts, improving usability and visual hierarchy. Styling landing pages also helped us understand how spacing, alignment, and typography work together to create clean and professional designs.

We were also introduced to **Flexbox**, which made layout structuring much easier. Using flex properties, we aligned form elements, positioned sections on landing pages, and created responsive layouts without relying on complex positioning.

Overall, Week 4 was very practical and hands-on. Styling forms and landing pages allowed us to apply everything we learned in a meaningful way, helping us build confidence in CSS and understand how design and structure come together in real-world web development.
