Skip to content
Submitted almost 4 years ago

HTML and CSS

Zach Kyman•220
@zky63
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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.

Community feedback

  • seyide hundeyin•440
    @SeyideHundeyinPosted almost 4 years ago

    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!

    1
    Zach Kyman•220
    @zky63Posted almost 4 years ago

    @SeyideHundeyin Thanks, that worked!

    1
    seyide hundeyin•440
    @SeyideHundeyinPosted almost 4 years ago

    @zky63 all good

    1
  • Boluwatife Johnson•45
    @booluwPosted almost 4 years ago

    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.

    1
    Zach Kyman•220
    @zky63Posted almost 4 years ago

    @booluw Oh, that makes a lot of sense. Thanks for the feeback!

    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