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

Responsive Design with a little FlexBox

Steven Saundersβ€’ 235

@stevenCsaunders

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


Any constructive feedback is welcome. If there are better ways to do any of this please let me know.

Community feedback

P
Matt Studdertβ€’ 13,611

@mattstuddert

Posted

Awesome work on this Steven, you've done a great job at getting close to the design and your HTML and CSS look great!

The only tiny thing (and I do mean tiny!) would be to use an anchor tag instead of a button for the "Sign Up" call-to-action, as you'd expect it to link elsewhere if this were a fully-functional site.

Keep up the great work! πŸ™‚

0

Steven Saundersβ€’ 235

@stevenCsaunders

Posted

@mattstuddert it’s funny you bring that up. I switched back and forth a couple of times. I will make a note of this for the more simple solutions. Thanks for the feedback!

0
P
Matt Studdertβ€’ 13,611

@mattstuddert

Posted

@stevenCsaunders haha, you're welcome! Yeah, a button would be perfect inside a form, but if you expect it to redirect the user to another page then an anchor tag is what you're after.

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