🤑 Join the Treehouse affiliate program and earn 25% recurring commission!

New No-Code Track! 🚀 New videos dropping every week—start learning today!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
    • College Credit
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • Community Projects
    • Live Sessions
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
  • Resources
    Chevron
    • Career Toolbox
    • CodeForward
    • Free Treehouse Near Me
    • Jobs
    • Blog
    • Support
    • About
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks College Credit
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • Community Projects Live Sessions Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Career Toolbox CodeForward Free Treehouse Near Me Jobs Blog Support About
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • Android
      • • APIs
      • • Coding for Kids
      • • College Credit
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Game Development
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • No-Code
      • • PHP
      • • Professional Growth
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
      • • Swift
  • Barcode George
    Barcode George
    595 Points

    why is three elements targeted to become flexbox

    Posted July 1, 2023 10:59am by Barcode George
    Barcode George
    595 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • Peter Huang
    Peter Huang
    5,427 Points

    flex basis is almost like wrap?

    Posted December 21, 2022 10:12pm by Peter Huang
    Peter Huang
    5,427 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    2 Answers

  • Kevin Nguyen
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Kevin Nguyen
    Web Development Techdegree Student 7,227 Points

    why is the class named "primary" "secondary"while in the html file the class is set to "primary col" and "secondary col"

    Posted September 5, 2021 11:18am by Kevin Nguyen
    .a{fill-rule:evenodd;}techdegree
    Kevin Nguyen
    Web Development Techdegree Student 7,227 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • nicolaspeterson
    nicolaspeterson
    8,569 Points

    Why do we target .col instead of .row?

    Posted June 8, 2021 6:57am by nicolaspeterson
    nicolaspeterson
    8,569 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    2 Answers

  • Mia Nguyen
    Mia Nguyen
    2,964 Points

    Why the flex-basis: 50% isn't working?

    Posted April 1, 2021 10:01am by Mia Nguyen
    Mia Nguyen
    2,964 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • ja5on
    ja5on
    10,338 Points

    Flexbox and a three column layout with extra space.

    Posted September 6, 2020 2:13pm by ja5on
    ja5on
    10,338 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    0 Answers

  • Kit Howlett
    Kit Howlett
    6,774 Points

    Flexbox - Difference Between flex-basis and flex-grow

    Posted September 26, 2019 9:31pm by Kit Howlett
    Kit Howlett
    6,774 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • vamosrope14
    vamosrope14
    14,932 Points

    Why did he set all three columns to a flex basis of 0?

    Posted May 20, 2019 4:34pm by vamosrope14
    vamosrope14
    14,932 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    2 Answers

  • vamosrope14
    vamosrope14
    14,932 Points

    Is the flex property only targetting a specific line, as opposed to all lines?

    Posted May 20, 2019 4:08pm by vamosrope14
    vamosrope14
    14,932 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • Guadalupe Favela
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Guadalupe Favela
    Front End Web Development Techdegree Graduate 21,469 Points

    Flexbox "flex-basis"

    Posted March 15, 2019 2:37pm by Guadalupe Favela
    .a{fill-rule:evenodd;}techdegree seal-36
    Guadalupe Favela
    Front End Web Development Techdegree Graduate 21,469 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • Truong Minh Nguyen
    Truong Minh Nguyen
    12,587 Points

    flex-basis: 0

    Posted February 5, 2019 7:53pm by Truong Minh Nguyen
    Truong Minh Nguyen
    12,587 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • mersadajan
    mersadajan
    21,306 Points

    Columns not wraping with the same setting like in the video

    Posted December 17, 2018 1:48pm by mersadajan
    mersadajan
    21,306 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • Rebecca Aston
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Rebecca Aston
    UX Design Techdegree Graduate 13,955 Points

    HELP: Flexbox Layout - Background Image

    Posted November 3, 2018 11:53pm by Rebecca Aston
    .a{fill-rule:evenodd;}techdegree seal-36
    Rebecca Aston
    UX Design Techdegree Graduate 13,955 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • Kyle Laresn
    Kyle Laresn
    6,506 Points

    Help with the 769px break point

    Posted October 26, 2018 5:10pm by Kyle Laresn
    Kyle Laresn
    6,506 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • Rick Wise
    Rick Wise
    4,034 Points

    Doesn't it make sense to....?

    Posted April 30, 2018 4:15pm by Rick Wise
    Rick Wise
    4,034 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    2 Answers

  • Mary Vixaisack
    Mary Vixaisack
    8,820 Points

    Adding 3rd column to screen size of 1025 or greater.

    Posted March 21, 2018 1:45am by Mary Vixaisack
    Mary Vixaisack
    8,820 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • Anwar Rizalman
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Anwar Rizalman
    Python Development Techdegree Graduate 33,620 Points

    Regarding the order of shorthand flex property

    Posted June 3, 2017 3:53am by Anwar Rizalman
    .a{fill-rule:evenodd;}techdegree seal-36
    Anwar Rizalman
    Python Development Techdegree Graduate 33,620 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • Igor Lamarain Montes
    Igor Lamarain Montes
    4,405 Points

    Hi i am having problems with flex box.

    Posted April 14, 2017 10:58am by Igor Lamarain Montes
    Igor Lamarain Montes
    4,405 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    0 Answers

  • Sean Kennedy
    Sean Kennedy
    3,000 Points

    Flex-box order

    Posted January 29, 2017 6:16pm by Sean Kennedy
    Sean Kennedy
    3,000 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    2 Answers

  • Christian Pineault
    Christian Pineault
    7,291 Points

    flex-basis is 50% of what?

    Posted January 9, 2017 3:39am by Christian Pineault
    Christian Pineault
    7,291 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    5 Answers

  • Kymane Llewellyn
    Kymane Llewellyn
    10,603 Points

    Flex-box order?

    Posted December 30, 2016 8:26pm by Kymane Llewellyn
    Kymane Llewellyn
    10,603 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    1 Answer

  • Carlos Enrique Castañeda Gutiérrez
    Carlos Enrique Castañeda Gutiérrez
    13,886 Points

    Question about Flex-basis: 0 used on the video

    Posted September 26, 2016 11:33pm by Carlos Enrique Castañeda Gutiérrez
    Carlos Enrique Castañeda Gutiérrez
    13,886 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    2 Answers

  • Aaron Selonke
    Aaron Selonke
    10,323 Points

    In the video the flex-basis property for all three .col divs is 50%....

    Posted March 26, 2016 2:27am by Aaron Selonke
    Aaron Selonke
    10,323 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    4 Answers

  • Daniele Manca
    Daniele Manca
    10,986 Points

    Can calc be used for a flex basis value?

    Posted February 4, 2016 5:40pm by Daniele Manca
    Daniele Manca
    10,986 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    2 Answers

  • John Yzaguirre
    John Yzaguirre
    22,025 Points

    flex-basis is a little confusing can someone who understands elaborate?

    Posted January 18, 2016 3:00am by John Yzaguirre
    John Yzaguirre
    22,025 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox

    3 Answers

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.

    Treehouse

  • About
  • Blog
  • Careers
  • Community
  • Stories
  • Shop
  • Contact
  • Gift Card

See Full Catalogue

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
  • Python Development
  • Data Analysis
  • UX Design

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
  • ...see more

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
  • ...see more

Explore

  • Plans
  • Affiliates
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2025 Treehouse Island, Inc.