1
Choose Between Grid or Flexbox for CSS Layout
3m 11s
2
Use CSS Grid to Create Layout Columns
3m 24s
3
Responsively Center an Image and Caption with CSS Grid
2m 58s
4
Use Flexbox to Responsively Layout Variable-Width Content
4m 34s
5
Use CSS Grid auto-fit For Responsive Column Layout
6m 51s

Choose Between Grid or Flexbox for CSS Layout

Stephanie Eckles

InstructorStephanie Eckles

Share this video with your friends

Learn the fundamental difference between CSS grid and flexbox layout, and create utility classes for each display value. Then begin to apply and expand these concepts to style the landing page navigation.

illustration for Create a Landing Page with CSS Grid and Flexbox

Course

Create a Landing Page with CSS Grid and Flexbox

alok-37

alok-37

~ 2 years ago

Hello Stephanie ,

grid-auto-flow: column; does not work. It does nothing.

Lucas Minter

Lucas Minter

~ 2 years ago

Hey alok-37, are you still having this issue? Have you double-checked your code against her source code? https://github.com/5t3ph/course-grid-flexbox-landing-page/tree/master/lessons/01-choosing-grid-or-flexbox

alok-37

alok-37

~ 2 years ago

Hello Lucas, thank you for responding. I somehow got the navbar working.

alok-37

alok-37

~ 2 years ago

I have lots of problems with SASS variables. I simply cannot get this to work. https://github.com/alok-37/javascript-projects

Lucas Minter

Lucas Minter

~ 2 years ago

Stephanie has a course on the fundamentals of css and sass that should help you with your issue. https://egghead.io/courses/learn-the-fundamentals-of-css-and-sass-to-create-modern-and-responsive-layouts-f341