Responsive 4-Column Layout with Flexbox - Build a Responsive Website from Scratch

Responsive 4-Column Layout with Flexbox - Build a Responsive Website from Scratch

Coder Coder via YouTube Direct link

- Adjusting the flex layout for tablet

6 of 13

6 of 13

- Adjusting the flex layout for tablet

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Responsive 4-Column Layout with Flexbox - Build a Responsive Website from Scratch

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Intro
  2. 2 - Look at the design and plan approach
  3. 3 - Start writing HTML for feature blocks
  4. 4 - Start writing SCSS styles to use flexbox for multi-columns
  5. 5 - Adding space between flex child items
  6. 6 - Adjusting the flex layout for tablet
  7. 7 - Styling the icons and text
  8. 8 - Adding global text styles for headlines
  9. 9 - Adjust intro section width
  10. 10 - Style the feature card icons
  11. 11 - Style feature card titles
  12. 12 - Style feature card descriptions
  13. 13 - Add padding in the "container" helper class styles

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.