Skip to content
Submitted over 2 years ago

How to imrpove box-shadow?

Troy•170
@troy03
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

In media queries (min-width)when I use witdth property for main it's not working instead of max-width how this happen?

Community feedback

  • Lucas 👾•104,340
    @correlucasPosted over 2 years ago

    Hello Troy 🤗 congratulations for this solution!

    In this challenge you don't need to set min-height because all the content needs to grow the maximum inside the container, the button, the pricing section and etc. In this challenge you'll use max-width: 340px for the container and max-width:100% for other sections, this means that the header, button and pricing section will grow 100% and will contract, this 100% size is considered less the container padding itself.

    Hope it helps and feel free to do more questions

    Marked as helpful
    1
    Troy•170
    @troy03Posted over 2 years ago

    @correlucas big help bro thank you!

    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