Makzan / I share what I learnt

Code Snippets

Block-grid layout with CSS Grid

The minimal(200px, 1fr) means every grid column has minimal 200px width. If there are more spaces, they all have equal width because of the 1fr fraction setting. The repeat and auto-fill means repeating the column to fill in as many columns as possible according to the minmax(200px, 1fr) requirement.

Read Post / 2020-01-31