css: update answer for grid system question

This commit is contained in:
Yangshun Tay 2020-01-27 23:10:12 +08:00
parent cae93b4f5c
commit 6830fb0ffb
1 changed files with 3 additions and 1 deletions

View File

@ -214,7 +214,9 @@ Even if WAI-ARIA is the ideal solution, I would go with the `absolute` positioni
### Have you ever used a grid system, and if so, what do you prefer?
I like the `float`-based grid system because it still has the most browser support among the alternative existing systems (flex, grid). It has been used in Bootstrap for years and has been proven to work.
Before Flex became popular (around 2014), the `float`-based grid system was the most reliable because it still has the most browser support among the alternative existing systems (flex, grid). Bootstrap was using the `float` approach until Bootstrap 4 which switched to the `flex`-based approach. As of writing (2020), `flex` is the recommended approach for building grid systems and has [decent browser support](https://caniuse.com/#search=flex).
For the adventurous, they can look into [CSS Grid Layout](https://css-tricks.com/snippets/css/complete-guide-grid/), which uses the shiny new `grid` property; it is even better than `flex` for building grid layouts and will be the de facto way to do so in the future.
[[↑] Back to top](#css-questions)