Playback starts YouTube’s embedded player (privacy-enhanced mode).
How to build a 2-column layout using flexbox | HTML/CSS
ChannelCoder CoderDescription from the creator
🔥 My course: Responsive Design for Beginners! coder-coder.com/responsive/
💻 Become a full-stack web dev with Zero to Mastery: academy.zerotomastery.io/a/aff_338z7xnj/externa…
Two column layouts are a super common pattern in website design. In this tutorial, you'll learn how to build a responsive two-column layout using flexbox!
Source code on Codepen: codepen.io/thecodercoder/pen/XWbLjaO
Music: Radiant Vibes by Harris Heller
youtube.com/watch?v=b43pCPhHgc0
_____________________________________
SUPPORT THE CHANNEL
⭐ Join channel members and get perks: youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ/jo…
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: marketplace.visualstudio.com/items?itemName=Cod…
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: coder-coder.com/responsive/
🌟 Gulp for Beginners: coder-coder.com/gulp-course/
RECOMMENDATIONS
⌨ My keyboard-- get 10% off with code THECODERCODER -- vissles.com/?ref=mu96kxst5w
💻 Other gear -- amazon.com/shop/thecodercoder?listId=1LMCKGUTMV…
📚 My Favorite Books -- coder-coder.com/best-web-development-books/
📺 My Favorite Courses -- coder-coder.com/best-web-development-courses/
🔽 FOLLOW CODER CODER
Blog -- coder-coder.com/
Twitter -- twitter.com/thecodercoder
Instagram -- instagram.com/thecodercoder
#webdevelopment #coding #programming
💻 Become a full-stack web dev with Zero to Mastery: academy.zerotomastery.io/a/aff_338z7xnj/externa…
Two column layouts are a super common pattern in website design. In this tutorial, you'll learn how to build a responsive two-column layout using flexbox!
Source code on Codepen: codepen.io/thecodercoder/pen/XWbLjaO
Music: Radiant Vibes by Harris Heller
youtube.com/watch?v=b43pCPhHgc0
_____________________________________
SUPPORT THE CHANNEL
⭐ Join channel members and get perks: youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ/jo…
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: marketplace.visualstudio.com/items?itemName=Cod…
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: coder-coder.com/responsive/
🌟 Gulp for Beginners: coder-coder.com/gulp-course/
RECOMMENDATIONS
⌨ My keyboard-- get 10% off with code THECODERCODER -- vissles.com/?ref=mu96kxst5w
💻 Other gear -- amazon.com/shop/thecodercoder?listId=1LMCKGUTMV…
📚 My Favorite Books -- coder-coder.com/best-web-development-books/
📺 My Favorite Courses -- coder-coder.com/best-web-development-courses/
🔽 FOLLOW CODER CODER
Blog -- coder-coder.com/
Twitter -- twitter.com/thecodercoder
Instagram -- instagram.com/thecodercoder
#webdevelopment #coding #programming
About this tutorial
Coder Coder published this 21:34 video tutorial on April 12, 2020. It has been watched 38,362 times on YouTube.
- Channel
- Coder Coder
- Category
- Science & Technology
- Duration
- 21:34
- Published
- April 12, 2020
- Views
- 38,362
- Likes
- 936
Tags
Share
This tutorial in other languages
- FRComment construire une mise en page 2 colonnes en utilisant FlexBox | HTML / CSS
- ES¿Cómo construir un diseño de 2 columnas usando FlexBox | HTML / CSS
- PTComo construir um layout de 2 colunas usando flexbox | HTML / CSS
- ITCome costruire un layout a 2 colonne utilizzando FlexBox | HTML / CSS
- DEWie ein 2-Spalten-Layout mit Flexbox bauen | HTML / CSS
- NLHoe maak je een 2-koloms layout te bouwen met behulp flexbox | HTML / CSS
- RUКак построить макет с 2-колонки с использованием Flexbox | HTML / CSS
- PLJak zbudować układ 2-kolumny przy użyciu schematu flexbox | HTML / CSS
- JAフレキシボックスを使用した2列のレイアウトを構築する方法| HTML / CSS
- ARكيفية بناء تخطيط 2-العمود باستخدام حول flexbox | HTML / CSS
- HIflexbox का उपयोग कर एक 2 कॉलम लेआउट का निर्माण कैसे | HTML / CSS
- IDBagaimana membangun tata letak 2-kolom menggunakan flexbox | HTML / CSS