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 plain HTML and CSS

@BerylBucket

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


Returning to basics with this project — no frameworks of any kind!

Any feedback is appareciated.

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey, BerylBucket! 👋

Nice to see you complete another challenge! 😃

You did a great job on this one! 👍

I just suggest,

  • Making sure there's always a little bit of space between the card component and the edge of the screen (currently, at some point when the screen width decreases, the card component seems to stick directly to the edges of the viewport).

Keep coding (and happy coding, too)! 😁

1
Anna Leigh 5,135

@brasspetals

Posted

Excellent job on this solution - practically pixel-perfect! 🙌

The only small fixes I can see are to add a box-shadow to the sign-up link and a border-radius to the container (you'll probably need to pair the border-radius with overflow: hidden).

Edit: Also noticed your body padding disappears from 600px - 800px.

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