@danielmrz-dev
Posted
Hello @EmrahIso!
Your project looks great!
The projects here usually have a 375px
version and a 1440px
one.
In this case, since mobile and desktop versions are pretty much the same, you don't need to worry about responsiveness. You're gonna have the opportunity to practice responsiveness on the next projects.
I hope it helps!
Marked as helpful
@MelvinAguilar
Posted
@danielmrz-dev @EmrahIso Hello!!!
The minimum recommended width to consider a solution responsive is 320px
. At this width, the design should not break or generate unnecessary scrollbars. You can refer to the recommendations on the W3C page on reflow at https://www.w3.org/WAI/WCAG21/Understanding/reflow.html.
The breakpoints of 375px
and 1440px
are only references for the dimensions in which the screenshots of the solutions were taken. Your design should be adaptable even on larger screens, including those with resolutions up to 4K. It's interesting to note that with newer smartphones, there might be breakpoints like 280px
(as in the Galaxy Fold), but these are not standardized
Happy coding!!