Skip to content
Submitted about 2 years ago

Responsive using flex-box

Cuu Quan•10
@cuuquan2703
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

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

  • Urhoghide Justin Uyioghosa•300
    @UyimoloPosted about 2 years ago

    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
    @cuuquan2703Posted about 2 years ago

    @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

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