Loading
Background Split Alignment Tutorial (9 exercises)
exercise

Split a Viewport into Four Columns

Your first challenge is to create a full-screen grid that splits the viewport into four columns.

The markup on the left and empty UI on the rightLoading

For now, all four columns can have equal width.

Loading exercise

Transcript

0:00 Your first challenge is to create a full screen grid that splits the viewport into four columns. For now, all four columns can have equal width, and give them a different color so it's going to help us visualize what's happening in the next steps.