Not able to code the mobile queries but completed the desktop preview.
Design comparison
Solution retrospective
It will be very helpful if you can help me for the mobile preview! Feel free to contact me on ig: 10_saniddhya for the same. :))
Community feedback
- @azzykesumaPosted over 3 years ago
nice job! for mobile page you need to use the media querries like : @media screen and (max-width : 345px(or so)) { //code here... } usually the flow is to make the mobile page first, so the media querries will be (min-width : 760px)..
great job and keep up!
0@MOUGALI-CODEPosted over 3 years ago@azzykesuma I recently updated the code please check once the CSS and it will be great if you give the review. I have set the media query as (max-width:650) for phone.
0@azzykesumaPosted over 3 years ago@MOUGALI-CODE i have seen the code and the preview, it is better but as for the querries, usually the width for mobile page is 360-440px, larger than that, you need to rearrange the flex again 360-440px : mobile 660px : tablet 1440px : desktop this is how they define the width in the instruction if i'm not mistaken
0@MOUGALI-SPAMPosted over 3 years ago@azzykesuma Thanks for your response. I will look again and will update for the mobile and tablet!
0
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