Skip to content
Submitted about 1 year ago

HTML & Css single-price-grid

OLGA•150
@OLMA08
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

Does anyone have an idea on how to fit the "pro Monday" text into the $29 line? How do you find it otherwise? Are suggestions for improvement desired?

Community feedback

  • João Vitor•420
    @jvssvjPosted about 1 year ago

    Hello, you can do the following:

    HTML:

    <div class= 'dollar'>
	<b>&dollar;29 </b><span>per month</span>
</div>

CSS:
.dollar {
     display: flex;
      align-items: center;
       gap: .3rem;
}
    Marked as helpful
    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