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

Tags semânticas HTML e Css Flexbox

@bvictor-a

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Ismail 230

@itbeginswithi

Posted

Your HTML and CSS are well structured, well done!

It seems you tried centering the main element using margin, while that helps on the X axis, it;s not much help if you wanted to have it shown perfectly in the center of the screen. For that I suggest you remove the margin and add the folowing styles to your <main>:

position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);

Good luck!

Marked as helpful

0

@bvictor-a

Posted

@itbeginswithi Thanks for your comment, as I'm still a beginner I don't understand very well about how to center the elements, I'll take advantage of your tips. Sorry if there are any errors in my answer because of Google translate.

0
Ismail 230

@itbeginswithi

Posted

@Bruno-VR All good. My pleasure.

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