1. 5
    Use CSS Grid auto-fit For Responsive Column Layout
    6m 51s

Use CSS Grid auto-fit For Responsive Column Layout

Share this video with your friends

Send Tweet

We'll complete our landing page styles by using CSS grid auto-fit in conjunction with the grid functions repeat and minmax. The result will be a responsive column layout that wraps when content shrinks below the minimum acceptable width. We'll also see how grid and flexbox can be used together by using flexbox to align the content of grid items. Finally, we'll view the fully completed landing page and reflect on how and why grid and flexbox were each used.

~ 9 months ago

Great tutorial. FYI: There's a typo on the github link.

~ 5 months ago

Thanks for this! I went ahead and got the link updated!