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

Flovet 60

@Flovet-stack

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


Hi there, I’m Flovet and this is my solution for this challenge. 👋

I will accept any feedback that can improve and reduce unnecessary code!

Thank you. :)

Community feedback

P

@Eileenpk

Posted

Hi Flovet, your project looks great, and this might be a helpful tip.

Using more semantic tags in your HTML will improve readability and accessibility. For example, you can use a <main class="order-summary-card"> where you used <div class="order-summary-card"> this tells screen readers and other developers reading your code that this is the "main" content of the page.

Here is a link to a page that goes deeper into semantic HTML

https://web.dev/learn/html/semantic-html/

Hope you found this helpful!

Marked as helpful

0

Flovet 60

@Flovet-stack

Posted

@Eileenpk Thanks very much I find this information very helpful. I am updating all my solutions now :)

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