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 component master

@Barsheyr

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


Hi

Feel free to give a feeback

Thank you.

Community feedback

Martin 1,150

@ringm

Posted

Hey Amokomowo, great job. It looks fantastic, and it completely responsive, congratulations on finishing this one!

The only thing I can think to polish it would be to remove the fixed height on the main element of the html. When the device screen starts to get narrow, and before reaching the mobile layout, you get a lot of unnecesary white space on the first box. I think the design would improve if you leave the height be determined by the content. If your aim is to center the component on the middle of the screen, you can achieve it with display: flex; on the parent and margin: auto; on the element you want to center.

Great work! Keep it up! ;)

1

@Barsheyr

Posted

@ringm Thank you so much This means a lot

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