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 using HTML and CSS

Sudheer 20

@sudheerkmr

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, this is my first challenge here, any sugestions to improve my code will be highly appreciated.

Community feedback

Rachael 610

@RMK-creative

Posted

Hi Sudheer, congrats on completing your first frontend mentor project! 🎉 You've done a really good job with getting your solution to look like the design - nice work 👍

My main suggestion for improvement would be to work on using semantic html, as it will give better structure and readability to your code, and your site will be more accessible to screen readers and keyboard users. Currently, if I try to navigate around your page using only my keyboard, I can't interact with anything in order to change my subscription or go to the payment page.

Keep going, once you've got a handle on semantic markup, your projects will be lit 🔥

Marked as helpful

1

Sudheer 20

@sudheerkmr

Posted

Hi Rachel, Thank you 🙏 for taking the time and providing your valuable suggestion. I will try to work on using semantic html and improve accessibility in all my upcoming projects.

0
seekinfox 560

@seekinfox

Posted

cannot find your code. i think you did not provide your project repository properly.

Marked as helpful

0

Sudheer 20

@sudheerkmr

Posted

@seekinfox thanks for pointing out, I have updated the solution link please check it out.

0
seekinfox 560

@seekinfox

Posted

@sudheerkmr for starters, update your README.md file so visitors can have overview of your project without needing to go through your code.

In download kit you have readme-template.md file, reference it for README.md file.

and for code improvement, build more projects. :)

Marked as helpful

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