Question regarding responsiveness
Hello! hope everyone is doing okay, so my question is when we are designing a webpage MOBILE FIRST, can we use MAX-WIDTH for changing/limiting the size of titles, headings etc or should we just change our titles, headings, during breakpoints (mediaqueries).
2 Replies
Generally speaking, set-and-forget is better than modification. Setting a
max-width
or, even better, setting a dynamic width using width: clamp();
is going to be better overall than changing things at certain breakpoints.
It's easier for you since you don't have to worry about forgetting to set something (or change if you decide what you've done isn't sufficient). It's better for the end user as it's consistent. It's better for the user's hardware as it's only one calculation (not everyone is using the latest and greatest smartphone!).Thank you so much
for your answer