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

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

New No-Code Track! 🚀start learning today!

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

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

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

  • 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
    • 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
  • 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
    • Showing results for:
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Three Column Layout with Flexbox
    • Close
  • Barcode George
    Barcode George
    595 Points

    why is three elements targeted to become flexbox

    Posted on Jul 1, 2023 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 on Dec 21, 2022 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 on Sep 5, 2021 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 on Jun 8, 2021 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 on Apr 1, 2021 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 on Sep 6, 2020 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 on Sep 26, 2019 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 on May 20, 2019 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 on May 20, 2019 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,477 Points

    Flexbox "flex-basis"

    Posted on Mar 15, 2019 by Guadalupe Favela
    .a{fill-rule:evenodd;}techdegree seal-36
    Guadalupe Favela
    Front End Web Development Techdegree Graduate 21,477 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 on Feb 5, 2019 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 on Dec 17, 2018 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 on Nov 3, 2018 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 on Oct 26, 2018 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 on Apr 30, 2018 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 on Mar 21, 2018 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 on Jun 3, 2017 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 on Apr 14, 2017 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 on Jan 29, 2017 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 on Jan 9, 2017 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 on Dec 30, 2016 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 on Sep 26, 2016 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 on Mar 26, 2016 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 on Feb 4, 2016 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 on Jan 18, 2016 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.