Post

My new CSS course is out 🥳, The Layout Maestro. It's all about teaching you how to think and decide what CSS to use. Here is a peek from inside the content.

Ahmad Shadeed

@ishadeed.com

For both flexbox and grid, I use a lego bricks metaphor to explain alignment. Here is a demo for align-self and justify-self. Toggle line numbers and grid axes to see exactly what's happening.

26/3/26, 2:41 pm0 reposts4 likes

Ahmad Shadeed

@ishadeed.com

26 Mar

One of the examples that explains grid-auto-flow. It either flows in rows or columns. This is columns flow.

Ahmad Shadeed

@ishadeed.com

26 Mar

In grid, it's important to grasp how grid areas work. This is one of the examples. I really like grid areas and believe mastering them along with named grid lines gives you precise control over any layout.

Ahmad Shadeed

@ishadeed.com

26 Mar

Launch sale is on and purchasing parity power is available, too! thelayoutmaestro.com

thelayoutmaestro.comThe Layout Maestro by Ahmad ShadeedBuild any web layout with confidence. Learn practical CSS layout through visual lessons, interactive demos, and a proven layout mindset.