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 Using HTML e CSS

@GuilhermeOSR

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


Do you think there is a better way to do it?

Community feedback

hardy• 3,660

@hardy333

Posted

Hey, Try to remove border on sign up button. you are using media query breakpoints to early let the cars shrink a little bit and only after that use breakpoints.

Also on middle sizes ~ 1000px sections of card starts to moving around, try to use outer wrapper div which keeps them all together ...

Marked as helpful

3

hardy• 3,660

@hardy333

Posted

@GuilhermeOSR You are welvome

Marked as helpful

2

@SeyBoo

Posted

Hello !

Great solution i agree with Hardy, i will just suggest you some other improvement you can do :

  • Search how to center vertically your components
  • Make some space around when we are on mobile (container { width: 90%; margin-top:10vh; margin-bottom:10vh}

A great solution overall your code is well typed, well done !

Marked as helpful

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