Skip to content
Submitted over 4 years ago

HTML, CSS

Stephen Dueñas•130
@stephenduenas
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Feel free to give feedbacks!

Code

Please log in to post a comment

Log in

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hey, Stephen Dueñas! 👋

    Good effort on this challenge! 👍

    It looks like your card component takes up the entire width and height of the screen. I suggest wrapping all of its elements in a container (which could be <article> or a <div>), giving that container a fixed width and height (roughly the same as that of the card component in the design JPGs—just eyeball it), and the using flexbox to center the card component in the viewport. 😉

    Otherwise, your solution looks pretty good and responds well! 👏

    Keep coding (and happy coding, too)! 😁

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