Comments on: flex-basis https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Fri, 30 Sep 2022 15:34:01 +0000 hourly 1 https://wordpress.org/?v=6.6.1 By: Geoff Graham https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1770982 Mon, 19 Apr 2021 15:17:10 +0000 http://css-tricks.com/?page_id=21263#comment-1770982 In reply to sewak.

You can check this out in the meantime: https://css-tricks.com/understanding-flex-grow-flex-shrink-and-flex-basis/

]]> By: sewak https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1770981 Mon, 19 Apr 2021 15:07:54 +0000 http://css-tricks.com/?page_id=21263#comment-1770981 The article does not explain the flex-basis property. There is only one example that is not sufficient.Please fully explain the property with details and more examples.

]]> By: Geoff Graham https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1769654 Fri, 12 Mar 2021 16:00:06 +0000 http://css-tricks.com/?page_id=21263#comment-1769654 In reply to Adrian Murage.

Hey Adrian! You’re absolutely correct: the initial value of flex-basis is auto. But, as true to the article, it results in an initial value of 0 when it’s not specified in the flex shorthand property. The text you’re quoting there is actually pulled straight from the latest Editor’s Draft of the spec.

]]> By: Adrian Murage https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1769645 Fri, 12 Mar 2021 06:31:17 +0000 http://css-tricks.com/?page_id=21263#comment-1769645 “When omitted from the flex shorthand, its specified value is the length zero.”

If I understand correctly, this refers to the default value of flex-basis as 0. If my understanding is accurate then this piece of information is incorrect.

The default value of flex-basis is auto

]]> By: Martin https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1757371 Mon, 01 Jun 2020 12:20:14 +0000 http://css-tricks.com/?page_id=21263#comment-1757371 Does really flex-basis property set element’s width? Does not depend on flex-direction property?
I mean for flex-direction: column; flex basis specify element’s height and for flex-direction: row; it specify element’s width.

]]> By: Tarnue Pythagoras Borbor https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1752238 Sat, 26 Oct 2019 12:17:12 +0000 http://css-tricks.com/?page_id=21263#comment-1752238 it is not made clear whether percentages values are allowed?

]]> By: Kyle https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1653390 Fri, 23 Nov 2018 13:59:36 +0000 http://css-tricks.com/?page_id=21263#comment-1653390 In reply to fantasai.

Flex-basis in detail + an example: https://codepen.io/slater101/full/OaZLWd

]]> By: Geoff Graham https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1617073 Fri, 09 Mar 2018 20:16:17 +0000 http://css-tricks.com/?page_id=21263#comment-1617073 In reply to valentina.

Yep, everything here is relevant. You might also consider referring to the full flexbox guide for a complete overview of all the available flex properties with examples.

]]> By: valentina https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1616972 Wed, 07 Mar 2018 14:02:14 +0000 http://css-tricks.com/?page_id=21263#comment-1616972 Hi there. Thanks for the article and this website in general. May I ask if this post is still usable now since it’s a bit old? Thanks.

]]> By: nwong https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1609619 Tue, 27 Jun 2017 19:26:42 +0000 http://css-tricks.com/?page_id=21263#comment-1609619 What exactly is the size property?

]]> By: Chris https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1603831 Thu, 01 Sep 2016 01:41:14 +0000 http://css-tricks.com/?page_id=21263#comment-1603831 Can anyone help me to solve this problem?
http://codepen.io/anon/pen/LRPwZP

]]> By: 2upmedia https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1598538 Fri, 11 Dec 2015 23:41:03 +0000 http://css-tricks.com/?page_id=21263#comment-1598538 In reply to vsync.

It uses the flex shorthand rule, the last value is for flex-basis and the demo has an explicit value set in em’s.

]]> By: vsync https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1597742 Wed, 28 Oct 2015 11:26:45 +0000 http://css-tricks.com/?page_id=21263#comment-1597742 codepen demo doesn’t show flex-basis

]]> By: fantasai https://css-tricks.com/almanac/properties/f/flex-basis/#comment-1583333 Tue, 01 Jul 2014 16:16:37 +0000 http://css-tricks.com/?page_id=21263#comment-1583333 The article should maybe be updated to say that the spec recommends using the ‘flex’ shorthand over the ‘flex-basis’ longhand.

]]>