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

HTML, CSS

@stephenduenas

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


Feel free to give feedbacks!

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

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)! 😁

0

@stephenduenas

Posted

@ApplePieGiraffe Your feedback means a lot to me. I already fix the container just like you said :D thanks man!

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