Do Not Dictate Browsers

Published on 07 July 2023.

You should as often as possible influence the browsers to get the layout that you want.

You should provide a guide such as grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)) whenever possible. The reason is the column's layout will be responsive without having to add a breakpoint. One line of code for one layout.

You should avoid dictating browsers to create a layout such as grid-template-columns: repeat(3, 1fr) whenever possible. The reason is the columns layout will always be three columns even though the layout does not have enough space. Also, you need a media query to change the number of columns.

An example — Influence Browsers

Be an influencer.