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

Kamatz 10

@YasinAdan

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


Not the most efficient way to complete this project was confused about the colors so I used whatever came to mind.

Community feedback

P
Katrien S 1,070

@graficdoctor

Posted

If you're lost about the colors, check the assignment. It's all in there.

Font doesn't seem to load properly either. You're using a Google Font here, so it would probably better to use fonts like this:

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display&display=swap'); 

The width in the container, should become max-width. Otherwise it won't scale down when in responsive mode.

If you'd set the .button to display: block, you don't need to set a width. It will stretch the entire width of the parent.

0

Kamatz 10

@YasinAdan

Posted

@graficdoctor Will make the corrections! thank you!

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