Discussion

I spent weeks fighting floats because an old tutorial taught them first. What changed things was giving every layout a temporary outline. I add this while building: * { outline: 1px solid red; } Suddenly I could see which element was actually taking up space, where the padding was, and why a child was overflowing. Most of my layout problems were boxes being bigger than I thought, not Flexbox being complicated. If you are stuck on a layout, try the outline before you rewrite anything.

👁 133 views 💬 1 replies 👥 Courselord Community

Tunde Okafor · Nov 1, 2026 1:21 AM

I do the same with background colours on grid children. It makes gaps and spanning much easier to see than the browser tool when you are on a small screen.