Design comparison
Solution retrospective
That I have gotten a platform with like minded people. Next time i will try to collaborate with some members
What challenges did you encounter, and how did you overcome them?I am still on the verge of making my projects a bit responsive. Compared to my last project, I have tried to improve but I hit a dead end. but nothings bad in admitting trial. With the help of your valuable feedback. I believe I will overcome this menace of media queries.
What specific areas of your project would you like help with?Hey guys media queries has proven to me a hard nut to crack. But here I am , with you guy any feedback is welcomed big or small
Community feedback
- @AlienInvadePosted 5 months ago
Hi, Good Solution.
I would suggest you use Semantic HTML, like <main>, <article> to make the website more accessible.
Regarding media query you should use @media (min-width: 319px) and (max-width: 480px) this is for mobile devices, it's similar to what you have used. Inside the media query, you should input values less than the actual value for desktop. i.e. your .container width is 400px, so in the media query you should input less width pixels, like width: 300px; instead of the 100% width you used. if you need more insight reach out or look at my code.
Hope this helps.
1
Please log in to post a comment
Log in with GitHub
Join 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