Design comparison
Solution retrospective
Another challenge completed!
However, I'm down with a very strange problem for this challenge, and I ask my fellow learners to help with a solution for this!
I did not take a mobile-first approach for this design, which means I created the desktop version first, and then used media queries for mobile responsive version.
The issue is when I check my mobile version with chrome/firefox developer tools, I did not seem to have any problem, and the mobile version perfectly resizes and creates the layout I want to. On the contrary, when I actually view the site from my mobile, I seem to find no responsiveness in it, and it is just the desktop version showing on my mobile.
I tried removing caches on my mobile, and included the responsive meta tag in the head element of my HTML, but still there is no progress on this.
Anyone has any solution to the problem I'm facing?
Community feedback
- @9CB5Posted over 1 year ago
This might sound dumb but have you checked the width of your mobile? Your phone might be wide enough that it's not triggering the mobile view. I just checked your website on my phone (Pixel 6 Pro) and it is showing the mobile view.
Marked as helpful1@arifaisal123Posted over 1 year ago@9CB5 Wow, that's actually good to hear that it is working. Yes, I did check the width (Samsung A71) and even tinkered with it, but to no avail. Maybe an issue with my mobile browser, I'm not too sure.
0
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