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

Responsive price grid

@Emmanuel-webDev

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

@usanCode

Posted

Hello Emmanuel, How are you? I have viewed your webpage and github code. Keep up the good work! Only there are some issues to fix:

-First, when zooming on Chrome to smaller sizes, you will notice the main container and all its elements get expanded. I got the same problem too when doing my previous challenges. I resolved that by setting the width and the height.

-In the main paragraph just right after the title, you've got confused about the text. You have to correct that.

-About the README file of your github code, it should be written according to the model presented in the README-template file.

-And finally, you have to fix the issues presented in the report. For that, you will have to read carefully to the explanations provided in the report.

So good luck!!!

Marked as helpful

0

@lidiakrajewska

Posted

Hi! To solve the accessibility issues I would suggest to change div with class="content" to main tag and h2 into h1 heading. You can also change all other headings to h2 and adjust their size with font-size property :)

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