Flex is useful for a lot of things, but you should also know grid, as there are many things that are extremely difficult or practically impossible with flex, which are one-liners in grid.
More generally, you should always work to diversify your “toolset”. Never only be familiar with one solution. Knowing less common (but better) solutions to problems is what will differentiate you from others.
I recommend using grid for a little bit. practice using it for things like picture galleries and figure out what you like and dislike about it.
then you'll understand for a lot of situations, grid has a lot more structure, whilst flex does a lot of things automatically.
Flex box is just a tool. If it solves the problems you’re encountering then there is no reason to use something else. Flex box has been around for a while, it’s well tested, and has broad browser support. Having said that, the other display properties will help you accomplish certain things either flex box cannot do or they can do better than flex box.
I would suggest looking into the other display properties and contemplating where and how you can use them for the things you want to create. Best of luck.
Best practice for optimal CSSOM construction is to use it sparingly and do not apply styles to more elements than needed
https://developer.mozilla.org/en-US/docs/Learn/Performance/CSS
From an older devs perspective, I use flex a hell of a lot now... it solved many simple frustrating things that older display methods had a hard time doing, ie. vertical alignment. IMO it is great and you aren't wrong using it exclusively, but you should also learn when to not use it. Certain situations and one off's sometimes call for some old school positioning and displaying (email code for example)... Knowing when not to use flex is one of those key differences between the Senior and Junior developers :P
Flex is useful for a lot of things, but you should also know grid, as there are many things that are extremely difficult or practically impossible with flex, which are one-liners in grid. More generally, you should always work to diversify your “toolset”. Never only be familiar with one solution. Knowing less common (but better) solutions to problems is what will differentiate you from others.
I recommend using grid for a little bit. practice using it for things like picture galleries and figure out what you like and dislike about it. then you'll understand for a lot of situations, grid has a lot more structure, whilst flex does a lot of things automatically.
Test it at each size. What looks good? What is useable? It isn’t cut and dry. You need to test at each size and make adjustments per size.
Flex box is just a tool. If it solves the problems you’re encountering then there is no reason to use something else. Flex box has been around for a while, it’s well tested, and has broad browser support. Having said that, the other display properties will help you accomplish certain things either flex box cannot do or they can do better than flex box. I would suggest looking into the other display properties and contemplating where and how you can use them for the things you want to create. Best of luck.
I use bootstrap to speed up all those problems.
All what problems?
Flex and grid are what I use the most. It really depends on what your building.
Best practice for optimal CSSOM construction is to use it sparingly and do not apply styles to more elements than needed https://developer.mozilla.org/en-US/docs/Learn/Performance/CSS
From an older devs perspective, I use flex a hell of a lot now... it solved many simple frustrating things that older display methods had a hard time doing, ie. vertical alignment. IMO it is great and you aren't wrong using it exclusively, but you should also learn when to not use it. Certain situations and one off's sometimes call for some old school positioning and displaying (email code for example)... Knowing when not to use flex is one of those key differences between the Senior and Junior developers :P