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

Visual Studio Code - Flexbox

@LucasDamasceno-S

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


I had considerable difficulty getting the card centered in the beginning. But in the end I think I managed to do something relatively ok. The site has a certain degree of responsiveness and can adapt to cell phones with 300px width

Community feedback

@tomiwaorimoloye

Posted

You did good. Nice job! An easier way to center it is to use flexbox on the container of the item you want to center.

0

@LucasDamasceno-S

Posted

@ayoelx Thanks for the feedback. This was exactly the method I used, divs and flexbox. But this made me use more lines of code. And the problem with flexbox is that you need to set a container size that's bigger than the content. And that gets in the way of responsiveness, as a beginner, the only method I thought of was to use a percentage at the height. But I think the site was very responsive, if you can give me a tip on how to centralize without setting size

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