Skip to content
Submitted 12 months ago

Single price grid component

Exequiel Arco•390
@quielLovesLasagna
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

Need help

Inside the third grid item (why us part) I had a hard time figuring out how to manually break the text content to another line, I tried giving the p element a smaller width but then the container stretches which is not what I want, I also tried increasing the padding-right to the third grid item container but it still makes the container stretch.

It would be great if anyone shares how to fix this :).

Community feedback

  • Bryan Li•3,530
    @Zy8712Posted 12 months ago

    Your site looks pretty good. For the third box, I'd suggest you to use an unordered list to list out the items. Ex:

    <ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
</ul>

    hope this helps 👍

    Marked as helpful
    1
    Exequiel Arco•390
    @quielLovesLasagnaPosted 12 months ago

    @Zy8712 Hey, this worked for me. thanks!

    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