Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Not able to code the mobile queries but completed the desktop preview.

@MOUGALI-CODE

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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

@azzykesuma

Posted

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-CODE

Posted

@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

@azzykesuma

Posted

@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-SPAM

Posted

@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 GitHub
Discord logo

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