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

Order summary page using flex box

Paola 320

@paolas771

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


My first challenge. Any tips on resizing elements so it still looks good when shrinking other than having to fix it at every screen size. Any other feedback on my coding is appreciated!

Community feedback

@mario994

Posted

Hi, the design is pretty acurrate, but the responsive is broken, try to do the next step to fix it.

change this part in your CSS

.container{

width: 400px;

}

also add this.

.contButton button{

cursor:pointer;

}

Marked as helpful

0
ajensley 10

@amber-jenae-ensley

Posted

Great job completing it! To answer your question, you could try setting a minimum width on your container so that it can't shrink to a size that can't fit all of the content inside of it. You can also try making it a flex container so that even as your screen grows and shrinks in between your responsive breakpoints, the space between your content adjusts accordingly.

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