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

Single price grid component using HTML/CSS

Ryan 95

@r-findley

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


Hi all, I'd love some feedback on my code. This was my first attempt at a challenge and I definitely had some struggles. I couldn't figure out getting the "per month" words to sit in the middle of the price and don't think I got the font color quite right but overall think I got this pretty close. Any feedback is appreciated!

Community feedback

@AndyKryst

Posted

I used the sup tags on the per month. Then in the css file you just have to adjust the font-size and vertical-align, and it appears as it does in the design.

1

Ryan 95

@r-findley

Posted

@AndyKryst ah the <sup> tag. Forgot about that one. Thanks for pointing that out!

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