An Order Summary built with HTML/CSS

Community feedback

• 

  echo-script0•180

  @echo-script0

  Posted about 2 months ago

  Hi Wisdom. I recently finished this project,i noticed a couple of fixes your project needs if you don't mind. First, the background image is not quite right, it's the other way around Second, the hover state on the change link is not visible on the live page Third,The background color for your proceed to payment container is not the same as the style-guide Lastly, the cancel order element has a couple of things wrong with it( the color, the container- it's not supposed to be in a container, and the hover state is also wrong. Let me know if you need help with anything and i'll be glad to help. Bye!

  12

  Marked as helpful
• 

  Vladimir Miljkovic•460

  @miljkovic5

  Posted about 2 months ago

  Nice work! The layout is clean, visually appealing, and responsive. Great use of shadows, border-radius, and hover effects to bring the component to life.

  That said, one key improvement you could focus on is switching to a mobile-first approach. Right now you're overriding base styles with @media (max-width: 600px), which is less efficient and opposite of what most modern CSS frameworks and design systems (like Tailwind, Bootstrap, etc.) recommend.

  Start with your mobile styles as defaults, then scale up using min-width media queries. It’ll keep your CSS leaner and more maintainable.

  Keep it up — you’re really close to a production-grade setup! 📱➡️🖥️

  12

  Marked as helpful