Flexbox and Grid for Responsive Web

The next few exercises are short, quick, and more instructional than real-world.

In this exercise, we’ll learn the grid-area syntax. We have been creating grids using grid-columns and grid-rows. Now we’ll name an area, then call for a layout using those named areas.

My Fine Header

Article Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci laborum, ex tempora esse fuga consequuntur dolores excepturi, eaque quis incidunt?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci laborum, ex tempora esse fuga consequuntur dolores excepturi, eaque quis incidunt?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci laborum, ex tempora esse fuga consequuntur dolores excepturi, eaque quis incidunt?