Skip to content
Submitted about 4 years ago

Single price grid component using HTML/CSS

Ryan•95
@r-findley
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

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

  • Andy Kryst•65
    @AndyKrystPosted about 4 years ago

    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-findleyPosted about 4 years ago

    @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

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