Code Self Study Forum

Flexbox and CSS Grid Tutorials and Exercises

If anyone is interested in learning/practicing flexbox and/or CSS grid today, here are some links and exercises.

Tip: If you use Firefox, it has a new flexbox inspector tool.

Tutorials

Flexbox

CSS Grid

Misc Links

Exercises

Here are some typical page layouts that we can recreate (from scratch with flexbox and CSS grid) as exercises:

If you have more ideas or resources, leave a comment below. :slight_smile:

1 Like

I’m uploading my exercises here:

After using flexbox for a little while I realized that I still don’t enjoy CSS and it would be a better use of time to just download a small grid library instead. :weary:

Here are three that I saw mentioned in one of those blog posts:

Flexbox grid looks like it will work.

1 Like