Is it appropriate to use grid layout and use it in production now (2018)?

< H2 > Preface < / H2 >

the front-end time to go out for the interview, because I wrote on my resume that I usually use the flex layout, and the interviewer asked me why I didn"t use the grid layout. At that time, I replied that it was because of compatibility, and then the interviewer asked me how different the compatibility of the two was. To be honest, I saw his compatibility in 17 years, when there were almost no browsers.

then I went back to check and found that the compatibility of grid is much better now, almost the same as flex , so I would like to ask if I can use grid when I use flex for production. It seems that it is rare to use grid for layout nowadays.

Css3 css
Mar.31,2021

for mobile devices, you can consider introducing grid. After all, the mobile phone is updated quickly and the browser compatibility problem is not so serious.
you ask this question as if flex and grid can only choose one of the two. They should be combined to give full play to their respective advantages, such as

.
  1. flex is perfect for centring (especially vertical centering) and for one-dimensional distribution of elements (how to distribute on a line).
  2. if it involves a two-dimensional (multi-row, multi-column) determined layout, use Grid.
  3. when it comes to responsive page elements, using flex + width percentage widths is simply too easy to use because of flex's natural streaming layout.

for the difference between the two, take a look at the article " CSS Ultimate Battle: Grid vs Flexbox ", which is well summed up

.

Previous: The problem of selecting Foreign key in Database

Next: After async.map processes the data, it uses render to render in the callback function, and the page reports an error. The not found, console did not report an error.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eb4f75-2518.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eb4f75-2518.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?