Question 1

Can a grid be responsive without media queries?

Accepted Answer

Yes: repeat(auto-fit, minmax(240px, 1fr)) lets the column count follow the available width. For most card lists you never need a breakpoint.

Question 2

Grid or flexbox?

Accepted Answer

Grid when you're aligning in two dimensions at once. Flexbox when you're laying items along a single line and distributing space. Nesting them is perfectly normal.

CSS Grid Generator