Skip to content
Submitted over 1 year ago

Order summary component

tailwind-css, accessibility
sami09876543•10
@sami09876543
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Created this cool order summary component challenge, please check it out and give some feedback!

I have a problem with the bottom background image, I can't flip it upside down? Please tell me how I can do this?

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Dean•480
    @Deanogit

    Hi @sami09876543;

    Great job submitting your solution for this challenge,

    I was just taking a look at your code and may have found something you might be interested in.

    In the index.html file you have an inline style for the body selector, and inside the style.css you also have a body selector.

    The inline style in the index.html has the highest specificity and so overrides the styles declared in the style.css file.

    Check out the docs HERE for more information about specificity

    Try tidying this conflict up and you should be able to get your solution closer to the design.

    Above all, great effort getting this solution built

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