From 6830fb0ffbafe14a7e4dfe22c63b8ecba9a5953e Mon Sep 17 00:00:00 2001 From: Yangshun Tay Date: Mon, 27 Jan 2020 23:10:12 +0800 Subject: [PATCH] css: update answer for grid system question --- questions/css-questions.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/questions/css-questions.md b/questions/css-questions.md index 3a63f9c1c..6b6616e52 100644 --- a/questions/css-questions.md +++ b/questions/css-questions.md @@ -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)