working with @media

Community feedback

• 

  P

  OriD•120

  @oridrPosted 24 days ago

  Desktop and mobile exact sizes look good. The problem is the sizes between them. To avoid the need to declare multiple media queries, you can the sizes more fluid by using clamp() or width: min() with relative values (percentages for example) to make the width more fluid, and static values (PX for example) to define the limits.

  You should also use more REMs than PX to respect the base font size set by the user, and allow elements to resize on zoom.

  Marked as helpful

  1