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
Auf dieser Seite können Sie das Online-Video Responsive Multi-Column Layouts Using CSS Flexbox mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Luke Peters 25 Mai 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 6,307 Mal angesehen und es wurde von 143 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
