Use the max-with = px with width = % to avoide responsive problems

I am watching the sizing video tutorial and from what I understand, using the width only can mostly cause some other breakpoint issues.

Is it smart to always set the width as 100% and max-width with px to avoid responsiveness problems?

1 Like

In most cases that is best practice because that cannot cause problems in your responsive structure, but there can be cases where you would need to set width in pixels.

1 Like

Can you please give a few examples of when there will be a need to set width in pixels?


For example user avatar (image), you would like to be always let’s say 100px width and height, maybe rounded (border-radius).

That’s good example to use fixed width and height.

1 Like