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 component using html, css, flexbox

Martha 510

@Mtc-21

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


  1. It is recommended to set the height of the body and the html to 100% so that it takes 100% of the page.
  2. The content layout in general by using flexbox.
  3. When the width of the screen is greater than 375px the container has a width of 400px - 1vw by using the calc function, this to make the content has the indicated size, what other method is recommended to achieve this, because this is the maximum width of the image.
  4. Any general recommendations based on how I built the site, I am new to the web design process?

Community feedback

Dusvy_M 390

@dovelym

Posted

you must change background-color:hsl(245, 75%, 52%);

in desktop and mobile

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