Great article. Many are unaware how well Grid and FlexBox can work well together.
My strategy: FlexBox for Navigation and informational Footer, I always use Flex on containers that are being iterated or dynamically updated, the wrap feature is gold to ensure sanity when new line starts.
It's Grid for everything else that I need to ensure that a container doesn't surprise me in the browser. Haha!
That's a great example of where flexbox shines! Throw a bunch of stuff at it and let it find the best fit. Flex layout is a constraint system, which is great to be able to dip into, but the layout logic can certainly cause surprises. Grid to me feels like building with brick and mortar, much more predictable. We're very lucky to finally have both at our disposal!
🤘
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Great article. Many are unaware how well Grid and FlexBox can work well together.
My strategy: FlexBox for Navigation and informational Footer, I always use Flex on containers that are being iterated or dynamically updated, the wrap feature is gold to ensure sanity when new line starts.
It's Grid for everything else that I need to ensure that a container doesn't surprise me in the browser. Haha!
That's a great example of where flexbox shines! Throw a bunch of stuff at it and let it find the best fit. Flex layout is a constraint system, which is great to be able to dip into, but the layout logic can certainly cause surprises. Grid to me feels like building with brick and mortar, much more predictable. We're very lucky to finally have both at our disposal!
🤘