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 component - not tools or other things

P

@tarasis

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


No questions. Just a note that my heart wasn't in this one (think more general mood). I feel I could have nudged it into place. The Sign-up button looks bad when resizing.

I plan to return to this at some point.

Community feedback

P

@boallan

Posted

Looks good. Good responsiveness. Consider adding a max-width to keep the page from stretching too much on ultra-wide monitors.

You can make the signup button behave a little better if you remove the 3.25rem padding on the sides. Text-align:center takes care of the positioning, and then the browser will take care of the padding so to speak.

1

P

@tarasis

Posted

@boallan noted about Max-width, good point … thank you.

That’s something I’ve now done to my base level practice site ( https://tarasis.github.io ) but not to the three challenges I’ve done so far.

Signup button … ahhhhh. Yes, good point. Thank you.

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