Skip to content
Submitted over 3 years ago

Order-summary-component with html and css

Muhammad Shajjar•1,100
@muhammadshajjar
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

Hello, everyone! 👋

Try to make it more accessible, your recommendations matter a lot.

Thanks.

Community feedback

  • Chamu•13,130
    @ChamuMutezvaPosted over 3 years ago

    Awesome solution, you did well to make it accessible - the visually hidden h1 that was a great idea. You may have to improve on the code below, when i tab through - the change effects are hardly noticeable like the other interactive elements.

    .plan-change__btn:hover, .plan-change__btn:focus {
    text-decoration: none;
    opacity: .75;
}
    Marked as helpful
    1
    Muhammad Shajjar•1,100
    @muhammadshajjarPosted over 3 years ago

    @ChamuMutezva Thanks for your time and suggestions I will take account of it.

    0
  • Katie•405
    @kem522Posted over 3 years ago

    I have nothing constructive to add except that it looks great and you made good use of BEM CSS classes! Keep up the good work 👍

    0
    Muhammad Shajjar•1,100
    @muhammadshajjarPosted over 3 years ago

    @kem522 Thanks Katie!

    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