Responsive Multi-Column Layouts Using CSS Flexbox
FULL STACK COURSE (React, Flask, & PostgreSQL): https://lukepeters.me/build-a-full-st...
You don't need Tailwind, Bootstrap, or any other CSS framework to make some nice responsive multi-column layouts with fixed gutters. Flexbox makes it super easy to create two column layouts, three column layouts, and any other variation quickly.
0:00 - Intro
0:13 - Write the HTML and CSS for the responsive columns
5:10 - Add a media query for smaller screens
5:40 - Make sure flexbox items can wrap
7:09 - Use the box-sizing property to prevent inconsistent column widths
8:11 - Adding full-width, third-width, and quarter-width columns
11:36 - Wrapping up
---------------------------------------------------------------
PROJECT RESOURCES
➡️ Check out the final code: https://codepen.io/lukepeters/full/KK...
---------------------------------------------------------------
RECOMMENDED WEB HOSTING
I swear by Linode. I've been using them for years and I refer every freelance client to them. Here's my special referral link if you want to help me out a little: https://lukepeters.tech/linode
---------------------------------------------------------------
MY DESK SETUP GEAR
⌨️ Keyboard – https://amzn.to/3sR3WEK
🖱 Mouse – https://amzn.to/3aEBvnc
🖥 Monitor – https://amzn.to/30pmuzd
🦾 Monitor Mount/Arm – https://amzn.to/3sLd3Xu
🎤 Microphone – https://amzn.to/3sRfxUb
🦾 Microphone Arm – https://amzn.to/3xrxImT
🎛 Microphone Processor – https://amzn.to/3gConme
⚡️ Thunderbolt Dock – https://amzn.to/3aE8aJC
🔊 Speakers – https://amzn.to/3nip0D0
🎧 Headphones – https://amzn.to/3xoCVfm
🪑 Chair – https://amzn.to/3eBIw9I
---------------------------------------------------------------
Intro music produced by Connor Curley
On this page of the site you can watch the video online Responsive Multi-Column Layouts Using CSS Flexbox with a duration of hours minute second in good quality, which was uploaded by the user Luke Peters 25 May 2021, share the link with friends and acquaintances, this video has already been watched 6,307 times on youtube and it was liked by 143 viewers. Enjoy your viewing!
