• Home
  • Free Trial
  • Sign In
  • Techdegree
  • Tracks
  • Library
  • Community
  • Support
    • 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
  • xajx
    xajx
    6,552 Points

    flex shorthand confusion

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

    1 Answer

  • Benjamin Masterman
    Benjamin Masterman
    14,916 Points

    Is it normal for the device toolbar in Chrome developer tools to deactivate the flexbox wrap property?

    Posted June 9, 2020 3:42pm by Benjamin Masterman
    Benjamin Masterman
    14,916 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,639 Points

    Flex grow and flex basis

    Posted July 6, 2019 11:41pm by Victor Mercier
    Victor Mercier
    14,639 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,590 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,590 Points
    • CSS
    • CSS Flexbox Layout
    • Flexbox Properties
    • Smarter Layouts with flex-basis and flex

    1 Answer

  • 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,023 Points

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

    Posted October 14, 2018 12:53pm by Michael Pashkov
    Michael Pashkov
    22,023 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ć
    18,506 Points

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

    Posted May 18, 2016 4:19pm by Vladimir Klindić
    Vladimir Klindić
    18,506 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 Logo
Our mission is to bring affordable technology education to people everywhere in order to help them achieve their dreams and change the world.
Company
Careers
Contact
Library
Tracks
Community
Stories
Perks
Affiliate Program
Treehouse for Libraries
Topics
HTML
CSS
Design
JavaScript
Ruby
View all 24 Topics
Tracks
Front End Web Development
Full Stack JavaScript
Beginning Python
UX: Interaction Design
Digital Literacy
View all 42 Tracks
  • Twitter
  • YouTube
  • FaceBook
  • LinkedIn
  • Instagram
  • About Treehouse
  • Blog
  • Shop
  • Privacy Policy
  • Terms & Conditions
  • © 2021 Treehouse Island, Inc.