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

HTML/CSS

P

@julienbassin

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


Hello,

Here my solution for single-price-grid-component. I'm open for any suggestions regarding my solution.

The only point that I'm stuck is when it comes to center the card in the middle of my screen.

otherwise, it should be good.

Many thanks !

Community feedback

Account Deleted

Hi there,

  • remove the padding from the body and give the body these properties to center the element display:flex justifiy-content:center align items: center min-height:100vh flex-direction:column;

  • check the HTML report to fix accessiblity issues

i hope this is helpful and goodluck!

0

P

@julienbassin

Posted

@Old1337 Thanks you so much! it works fine now !

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