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
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Focused on using Flexbox to obtain responsive

@orangejoe3000

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'm very new to the web developer game so all constructive feedback is welcome.

I don't know much about media queries. Read a few articles and did my best... by that I mean I played around my CSS inside the media query until I got my desired solution.

This was my first experience using flex. Tips on how to improve this would be great.

If I did anything with my CSS that is a red flag for a "bad" developer, please let me know so I can avoid that mistake in the future.

Thank you in advance!

Community feedback

Bethany 855

@whimsicurl-creations

Posted

Good job, Justin in creating your solution to this challenge. You did a nice job of figuring things out. Always keep learning and practicing to improve your skills as you go. My comments would be to work on centering the content of the teal boxes when they are on smaller screens (currently it stays left aligned which looks a bit odd with so much empty space to the right on medium-size screens). Also, there isn't any type of hover effect or interactivity with your "Sign Up" button.

If you'd like more practice with flexbox, I recommend looking at the resources page here on Frontend Mentor. It's a treasure trove of links. I personally enjoyed the flexbox learning games like Flexbox Froggy and Flexbox Zombies. They are great to get more familiar with the properties. Keep up the good work!

3

@orangejoe3000

Posted

Thanks so much for the feedback! I really appreciate it and will look at implementing those items you listed.

And funny enough, I started Flexbox Zombies this morning! Thanks again!

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