Submitted about 2 years ago

Single price grid component

Kate Dames•250

@funficient

A solution to the Single price grid component challenge

Preview Code

Solution retrospective

Hey, I have one question. Why is my span color not overwriting the transparent class setting? What am I doing wrong?

Here is the section of the CSS I'm referring to:

.transparent {
  color: var(--color--neutral-white);
  opacity: 0.7;
}

.white {
  color: var(--color--neutral-white);
}

span {
  color: var(--color--neutral-white);
  opacity: 1;
  font-size: 2rem;
  font-weight: 800;
}

Any other comments and feedback are welcome!

Thank you :-)

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Kate Dames's solution.

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