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 card

@asliddinamir

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


6th challenge is done on 6th Day👊!

Post your feedback on this project🙃

Community feedback

Brian 140

@Noxlobin

Posted

Hi 👋 I have seen some errors in your CSS.

  1. Your background should have background-size: cover in your css in order to actually not make it stuck to one side.
  2. I recommend you not adding a width since you are using justify-content: center. Therefore, don't use flex-direction as it is not necessary here.
  3. You used a different color for the hover effect. Try using hsla and adjust the alpha (meaning opacity of the color).
1

@asliddinamir

Posted

Thanks Brian. I will note this!

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