21–28 of 28 posts
Earlier quoted context omitted.
Indeed. But it's worth pointing out "falling back" to flexbox isn't a solid backup plan-- most versions supporting flexbox also support grid, or are evergreen. https://caniuse.com/#search=flexbox https://caniuse.com/#search=grid
Truth. It was really just put into place for IE11. Hopefully usage rates will continue to shrink and PMs will let go of the requirement.
Is this an efficient doorway into understanding CSS grid, one that has the bonus of giving you useful code? Or, is this more of a crutch, the output of which will not educate you about the grid goodness? I'd like it to be the former, so that I can be productive out of the gate and figure out what I'm doing as I go. That may be unprofessional, but I make quick-and-dirty prototypes for academics; nothing that has to sc…
I had a bunch of my colleagues work through http://cssgridgarden.com/, which seemed to be a good first start for them. There are tons of other resources out there, so it depends what you're after.
Is this an efficient doorway into understanding CSS grid, one that has the bonus of giving you useful code? Or, is this more of a crutch, the output of which will not educate you about the grid goodness? I'd like it to be the former, so that I can be productive out of the gate and figure out what I'm doing as I go. That may be unprofessional, but I make quick-and-dirty prototypes for academics; nothing that has to sc…
Earlier quoted context omitted.
Sounds to me like this would be useful for React Native, where only flexbox-based layout is supported.
I doubt it - React Native's implementation of flexbox is different enough to make it very difficult to produce the same layout using the same out. It's almost like an uncanny valley effect - its similar enough to lure you into a false sense of security, until you realise that defaults for flex-direction are reverse, or it implements flex/flex-grow/flex-shrink/flex-basis completely differently.
I first used flexbox with RN and was kinda baffled when using it on the Web later
Earlier quoted context omitted.
Indeed. But it's worth pointing out "falling back" to flexbox isn't a solid backup plan-- most versions supporting flexbox also support grid, or are evergreen. https://caniuse.com/#search=flexbox https://caniuse.com/#search=grid
Assuming you can target browsers that support both, when does one pick flexbox over grids and vice versa? or does grids entirely replaces flexbox use case?
Earlier quoted context omitted.
Assuming you can target browsers that support both, when does one pick flexbox over grids and vice versa? or does grids entirely replaces flexbox use case?
The community has been saying to use flexbox when you are only working with one axis, but I am not too sure that is true. Grid has adapted so many of flexbox’s rules, browser support seems to be the only differentiator.
There are typical 1D places (stacks of divs, basically), so typical for flex. But since I can do the same with grid I wonder if I should use flex anywhere now (even for 1D).
Note: browser compatibility does not matter for this site
Earlier quoted context omitted.
Assuming you can target browsers that support both, when does one pick flexbox over grids and vice versa? or does grids entirely replaces flexbox use case?
Flexbox for 1-dimensional layout, and Grid for 2-dimensional layout
Earlier quoted context omitted.
Flexbox for 1-dimensional layout, and Grid for 2-dimensional layout
This is the traditional answer but I wonder why. What does flex have that one cannot do with grid?