Week 2 in Frontend: Layout, Structure & New Insights

I spent the previous week deepening my understanding of how layout actually works in CSS.

• Continued studying and practicing CSS units (ems, rems, vh/vw), with a focus on how relative units respond to font size and viewport changes.

• Practiced switching between pixel and percentage units to observe fixed vs flexible sizing behavior hands‑on.

• Discovered why CSS margin‑left worked visually but didn't feel structurally right, and instead restructured the element hierarchy to solve it.

• Explored the <dialog> element, learned that it's hidden by default (unless the open attribute is present), and used it to build a reusable newsletter form dialog.

• Wrote about design concepts like hierarchy, contrast, color, and whitespace without prior vocabulary, then named them and refined my eye for layout.

Last week reinforced that structure decides everything; content, spacing, and visual hierarchy far more than quick fixes like margins do.

What I learned: CSS isn't abstract. It reveals itself through behavior, not theory alone. Fixing layout issues becomes easier when you ask, "Where did this element belong?"