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

Responsive using flex-box

Cuu Quan 10

@cuuquan2703

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I confuse about with and max-with in css. About desktop, i set max-width but i must use with in mobile.

I dont know how to organize the code css which is better

Please send any feedback about my site. Thanks you all!! Have a nice day <3

Community feedback

@Uyimolo

Posted

Nice work Quan, I always set my width using responsive units like %, then my max-width I use an absolute unit like PX ( so the div can stop expanding when it gets to the max-width). Your width works mainly for your mobile and then when you move to a device with a wider screen your max-width applies (This is just one way to use it, there are other applications of the width/max-width)

check this out https://www.w3schools.com/Css/css_dimension.asp

Marked as helpful

0

Cuu Quan 10

@cuuquan2703

Posted

@Uyimolo oh, i got it. Thanks you very much <3 Have a nice day Uyimolo =))

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