CSS Grid - Fr Units

I know the usage of fr units but I was wondering, how do you know when to use fr units vs px when defining your columns and rows?

fr are a relative unit, better always use relative units instead of absolute units like px. Other relative units are vh, vw, %, em, rem

If you want to do Responsive pages, that adapt to different screen sizes, better always use relative units

I get that, but when I’m following along with tutorials, the presenter always set a couple of columns/rows with Pxs and I always wonder why not just use fr since it is a relative unit, instead of using a fixed unit.

it’s probably easier to just not mix the two topics, or relative units have not been introduced yet, or I have no idea

Lol relative units have been introduced in the courses I’m using. It’s stomping me though why they do it.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.