Home > Chapter Review and Exercises > Chapter 16 - Flexbox and Grid > CSS Flexbox and Grid Challenges

Introduction to the CSS Flexbox and Grid Challenges

CSS Flexbox and CSS Grid help you easily build complex web designs.  

• CSS Flexbox is a layout mode that arranges elements in a predictable way for different screen sizes and browsers.

• CSS Grid works by turning an HTML element into a grid-like container with rows and columns for you to place children elements where you want within the grid.  

The following challenges will sharpen your skills with both CSS Flexbox and CSS Grid.