Skip to content
Submitted almost 3 years ago

Made using react specifically typescript, scss.

PhilipBst•10
@philipBst
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I made this by referencing the image provided in the project so there are a few inconsistencies. I would like to know what can be done better here. In terms of responsiveness and stylization. How can the style be more optimized. Thank You!

Community feedback

  • Gaurav Singh•100
    @gauravnumberPosted almost 3 years ago

    Hey Philip, Using React JS for small project is not necessary. Try to use Vanilla js.

    Replace <h3 class="title">annual plan</h3> with h1 tag. Heading always start with h1 per page. Don't jump directly h3 tag. It gives Accessibility issue.

    I create solution of this project you can look https://www.frontendmentor.io/solutions/order-summary-_IZQGKWPI

    It may help you.

    1
    PhilipBst•10
    @philipBstPosted almost 3 years ago

    @gauravnumber Yes, It is overkill to use react for this small project but I am just refining my react skills by sticking to it as the challenge also allows the freedom to use any framework. Thanks for the feedback on h3 tag issue. I will keep that in mind.

    Thank you

    0

Please log in to post a comment

Log in with GitHub

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