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-master Using css grid

@RAMZY329

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Hassia Issah 50,670

@Hassiai

Posted

Replace <div class="price_grid_body"> with the main tag, <h5></h5> with <h2></h2> and <h3></h3> with <h1></h1> to fix the accessibility issues. for more on semantic html visit https://web.dev/learn/html/semantic-html/

To center .price_grid_body on the page add min-height:100vh; display: grid; place-items: center; to the body. Instead of giving .price_grid_body a margin value.

Hope am helpful

Well done for completing this challenge HAPPY CODING

Marked as helpful

0

Aarish 10

@aarishm8

Posted

@Hassiai

Thank you for your correction Hassiai I didn't have any experience in web development I'm learning...

0
Hassia Issah 50,670

@Hassiai

Posted

@aarishm8 am also a beginner as well, if you find my comment helpful mark it as helpful

0

@RAMZY329

Posted

@Hassiai thank your for your comment. I'll surely put it into account.

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