Design comparison
SolutionDesign
Solution retrospective
Hi, its my first challenge.
I couldn't find the right way to how can i set mobile width and desktop width for the project. I tried some technics but it didn't work.
How can i set mobile width and desktop width for page?
Thanks for everything!
Community feedback
- @pascal-prfstPosted almost 2 years ago
Hallo Burak,
to set the size of elements for different screen size you can use a me media queries.
Here is an example:
@media (max-width: 375px) { .card { width: 200px; } }
In that case the witdh of your .card container will only be 200px under 375px. When working with sizes you could use rem instead of px.
Overall the rest is looking good
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord