order summary component main

Hi, congrats on completing the challenge. Better take care about following points:

• If you have a container in body and you want to make it fit in the center of the screen then better center it using following block of code:

body {
min-height: 100vh;
display: grid;
place-content: center;
}

• Usually we can find colors in style-guide.md file of the project but if the color is not available in file then you can pick color from picture or figma file using Instant Eyedropper Tool
• When we open GitHub repository link, at right side you will find an About Section. There, also include a description and live preview link of your project. It is better for someone to check your live project while interacting with code.

Hope you will find this Feedback Helpful.

Hi there!, congrats on completing this challenge!! 🥳

I have some tips to improve your solution. 💯

HTML: 🧱

Header elements implements six levels h1-h6, with h1 being the most important and h6 being the least important. avoid omitting header levels, your page should start with the header h1 and successively with h2...h6. More info HERE

CSS: 🎨

I didn't see a reset in your css file, I recommend you use it, using it will save you future headaches when designing your page. Here some resets:

• Normalize.css
• Reset.css
• My Custom CSS Reset of Josh Comeau

Sometimes the color for the hover effect is not found, because it only lowers the intensity of the color.

Example:

button:hover {
background-color: rgba(56, 41, 224, .7);
}

it is the same color hsl(245, 75%, 52%) to rgba(56, 41, 224, .7) only I converted it from hsl to rgba.

I hope I've helped you!

Happy coding! ✌️