Frontend Tips Episode 5

CSS Grid Layouts - One Third + Two Thirds

In this mini series we are going to take a look at how we can make popular layouts that you find around the web and create them using CSS Grid.

In this episode I’m going to show you how to create a classic layout with header, footer, one third of a sidebar and two thirds of main content using CSS Grid. After we create this layout, we are going to create a post list with one feateured post and several post around and below it.

As you will see creating something like this using CSS Grid is much easier than using something like Flex Box or regular floats.

Wanna ask a question about video?

Like This Video?

Support it by sharing it ;)

© Watch And Learn,2024