My CSS grid finally clicked after I drew it out on paper first

I was stuck for two days trying to get a simple three column layout to line up right. Every tutorial made sense until I tried it myself, then everything just scattered. So I grabbed a notebook and sketched the columns and rows like a little map before touching any code. That drawing made me see where the gaps were, and I fixed it in about 15 minutes. Has anyone else had luck with mapping out layouts by hand before writing the CSS?

1 comments

1 Comment

thomas.tyler22d ago

Paper saved my butt too, but with flexbox. I drew boxes with arrows showing which direction things should stretch and it finally made sense in my head.