This is great for quick visual cheatsheet but I think one just has use it everywhere in a project to make it stick. The syntax is fairly self-explainatory for me. (except row and column)
I never struggled with Flexbox or grid (most of it) but I see people being so confused. Just understand the box model, and use Firefox Dev tools. That helped me a lot when learning Flexbox model. It lets you visualize your containers quite well. I think even Chrome Dev tools do that now.
As everyone else mentioned, flexboxfroggy and cssgridgarden were very helpful to practice.
That being said, I still open the CSS-tricks cheatsheet everytime for syntax and I can never get if is row or column in the first try.
I never struggled with Flexbox or grid (most of it) but I see people being so confused. Just understand the box model, and use Firefox Dev tools. That helped me a lot when learning Flexbox model. It lets you visualize your containers quite well. I think even Chrome Dev tools do that now.
As everyone else mentioned, flexboxfroggy and cssgridgarden were very helpful to practice.
That being said, I still open the CSS-tricks cheatsheet everytime for syntax and I can never get if is row or column in the first try.