Skip to content
Submitted over 4 years ago

HTML and CSS

Zach Kyman•220
@zky63
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Could not get the span with "$29" inside to go back to 100% opacity even though I put the CSS for it after the CSS for the <p> element it is inside of.

Code

Please log in to post a comment

Log in

Community feedback

  • seyide hundeyin•440
    @SeyideHundeyin

    Nice job.

    For the "$29" make it an h2 then span "Per month" so you can style them differently.

    also, I recommend changing the background color and add the border-radius as in the design.

    Hope this helps!

  • Boluwatife Johnson•45
    @booluw

    I guess the issue is, you gave it parent a opacity less than 100%. It's like saying a state can't grow bigger than it's country. Your best bet is to make it siblings has less opacity, which would make it get it's default 100%. Hope it helps, cheers.

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