@danielmrz-dev
Posted
Hey @T0m0re!
Your project looks very good!
About media queries
, I know how you feel. But I have something that helps me a lot.
I always use the mobile first approach. Always start a project by its mobile version.
Most projects here at Front-end Mentor have a 375px
version and a 1440px
version.
So I start creating the mobile version and once it's finished, I create a media query
for the desktop version: @media (min-width: 1440px)
. So this helps me understand that in order to the project show me the desktop version, it needs to be at least this wide.
Long story short, if you start by mobile version, you're gonna have to use min-width to create versions for bigger screen sizes. And if you start by desktop version, you're gonna have to use max-width to create versions for smaller screen sizes.
I hope it helps!
Marked as helpful
@T0m0re
Posted
Thanks you for this, will try this approach in my next project. @danielmrz-dev