Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML and CSS

Zach Kyman 220

@zky63

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@SeyideHundeyin

Posted

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

@zky63

Posted

@SeyideHundeyin Thanks, that worked!

1

@SeyideHundeyin

Posted

@zky63 all good

1

@booluw

Posted

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

@zky63

Posted

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

0

Please log in to post a comment

Log in with GitHub
Discord logo

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