• Home
  • Free Trial
  • Sign In
  • Plans
  • Tracks
  • Library
  • Community
  • Support
  • Jobs
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • 21st Century Skills
      • • Android
      • • APIs
      • • Business
      • • C#
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Equity, Diversity, and Inclusion (EDI)
      • • Go
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • PHP
      • • Python
      • • Quality Assurance
      • • Ruby
      • • Security
  • Peter Huang
    Peter Huang
    5,426 Points

    Dont understand flex-basis.

    Posted November 13, 2022 5:49am by Peter Huang
    Peter Huang
    5,426 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • jas0n
    jas0n
    10,220 Points

    is flex-basis in theory just a width property?

    Posted May 10, 2021 4:48pm by jas0n
    jas0n
    10,220 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • jas0n
    jas0n
    10,220 Points

    navigation, heading and flexbox

    Posted May 8, 2021 1:06pm by jas0n
    jas0n
    10,220 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • jas0n
    jas0n
    10,220 Points

    websites and flexbox

    Posted May 8, 2021 1:04pm by jas0n
    jas0n
    10,220 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • xajx
    xajx
    6,553 Points

    flex shorthand confusion

    Posted November 29, 2020 5:44pm by xajx
    xajx
    6,553 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • Vasilis Moutzouridis
    Vasilis Moutzouridis
    4,450 Points

    flex-basis: 0; | items break to new lines.

    Posted September 28, 2019 10:04am by Vasilis Moutzouridis
    Vasilis Moutzouridis
    4,450 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    2 Answers

  • Victor Mercier
    Victor Mercier
    14,664 Points

    Flex grow and flex basis

    Posted July 6, 2019 11:41pm by Victor Mercier
    Victor Mercier
    14,664 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • Seokhyun Wie
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Seokhyun Wie
    Full Stack JavaScript Techdegree Graduate 21,606 Points

    Flex-basis doesn't work properly on Google Chrome

    Posted June 29, 2019 6:21am by Seokhyun Wie
    .a{fill-rule:evenodd;}techdegree seal-36
    Seokhyun Wie
    Full Stack JavaScript Techdegree Graduate 21,606 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    2 Answers

  • Matthew McKenzie
    Matthew McKenzie
    4,450 Points

    Dual Column Flex Box

    Posted June 19, 2019 5:03pm by Matthew McKenzie
    Matthew McKenzie
    4,450 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • guram dgebuadze
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    guram dgebuadze
    Front End Web Development Techdegree Student 4,122 Points

    Flex-basis

    Posted February 15, 2019 10:21am by guram dgebuadze
    .a{fill-rule:evenodd;}techdegree
    guram dgebuadze
    Front End Web Development Techdegree Student 4,122 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    2 Answers

  • Michael Pashkov
    Michael Pashkov
    22,024 Points

    Can we do this as a variant? flex: 2 200px;

    Posted October 14, 2018 12:53pm by Michael Pashkov
    Michael Pashkov
    22,024 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • guram dgebuadze
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    guram dgebuadze
    Front End Web Development Techdegree Student 4,122 Points

    flex-basiis

    Posted September 16, 2018 11:59am by guram dgebuadze
    .a{fill-rule:evenodd;}techdegree
    guram dgebuadze
    Front End Web Development Techdegree Student 4,122 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    3 Answers

  • xin song
    xin song
    1,929 Points

    Flex-basis: 0 still break the line when narrowing the browser.

    Posted September 2, 2018 9:14pm by xin song
    xin song
    1,929 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • yoav green
    yoav green
    8,611 Points

    columns are still distributing with flex

    Posted July 12, 2018 10:32am by yoav green
    yoav green
    8,611 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • SeHyun Choi
    SeHyun Choi
    3,441 Points

    Some of my flex items are not working properly

    Posted July 5, 2018 9:34pm by SeHyun Choi
    SeHyun Choi
    3,441 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • GoldSpec Digital
    GoldSpec Digital
    4,185 Points

    Flexbox basis...

    Posted June 7, 2018 12:35pm by GoldSpec Digital
    GoldSpec Digital
    4,185 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • Lisa Weil
    Lisa Weil
    4,919 Points

    Found a helpful cheatsheet online to help understand Flexbox better

    Posted May 1, 2018 2:47am by Lisa Weil
    Lisa Weil
    4,919 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    2 Answers

  • Jared Cannon
    Jared Cannon
    3,838 Points

    Flex property doesn't behave like shown in video

    Posted November 21, 2017 3:40pm by Jared Cannon
    Jared Cannon
    3,838 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    2 Answers

  • Kristian Woods
    Kristian Woods
    23,414 Points

    Understanding flex-basis and flex-grow

    Posted August 15, 2017 1:22pm by Kristian Woods
    Kristian Woods
    23,414 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    0 Answers

  • Justin Houghton
    Justin Houghton
    4,560 Points

    Overriding flex-grow values

    Posted July 29, 2017 12:02am by Justin Houghton
    Justin Houghton
    4,560 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • Ryan Schmelter
    Ryan Schmelter
    9,710 Points

    Does flex basis value apply to the container or each item?

    Posted July 14, 2017 8:12pm by Ryan Schmelter
    Ryan Schmelter
    9,710 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • Malcolm Stretten
    Malcolm Stretten
    3,814 Points

    My flex containers DO still re-align themselves into a different format

    Posted August 10, 2016 5:40pm by Malcolm Stretten
    Malcolm Stretten
    3,814 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    9 Answers

  • James Barrett
    James Barrett
    13,253 Points

    Really struggling to understand what flex-basis is actually doing

    Posted July 20, 2016 1:50pm by James Barrett
    James Barrett
    13,253 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    2 Answers

  • Vladimir Klindić
    Vladimir Klindić
    19,262 Points

    The flex shorthand sets the flex-basis value to zero?

    Posted May 18, 2016 4:19pm by Vladimir Klindić
    Vladimir Klindić
    19,262 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    2 Answers

  • Quoc Nguyen
    Quoc Nguyen
    3,957 Points

    Differences between flex-grow: 1; and flex: 1;

    Posted December 14, 2015 7:24am by Quoc Nguyen
    Quoc Nguyen
    3,957 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    2 Answers

  • Ivan Saveliev
    Ivan Saveliev
    9,153 Points

    Why No flex-basis or "0" flex-basis still break the line when narrowing the browser?

    Posted December 12, 2015 1:26pm by Ivan Saveliev
    Ivan Saveliev
    9,153 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    7 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
  • Perks
  • Public Library Access
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2023 Treehouse Island, Inc.