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

Questions
1

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
2

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
3

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

4

@Stolichnaya

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