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

Single Price Grid with Flexbox

DNel 200

@TechEdDan2

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


I welcome feedback about my code... I wonder what best practices, workflow, or ways to approach the solution would be better than they way I did it. Thanks!

Community feedback

T
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hi, DNel! 👋

Nice job on this challenge! 👏 Your solution looks pretty good and is responsive! 😀

I'd like to suggest,

  • Vertically centering the card component in the viewport by adding min-height: 100vh to the body and then perhaps turning the body into a flex container to easily center the card component inside it.
  • Using a link or button element for the sign-up button instead of a regular div element. Doing so will make your HTML more semantic and help keyboard users to navigate to and interact with that element.

Hope those one or two tips are helpful. 🙂

Keep coding (and happy coding, too)! 😁

Marked as helpful

0

DNel 200

@TechEdDan2

Posted

@ApplePieGiraffe Thank you for the feedback and tips!

1

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