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 website with css grid

Okikijesu 30

@okikijesutech

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

P
Grace 27,710

@grace-snow

Posted

Hi this isn't fully responsive yet I'm afraid. It doesn't fit on my phone screen, I have to scroll sideways.

Looking at html, it's nearly there. Only issues are that the price can't be a h1. You should only ever have one h1 per page, and that's not appropriate heading content anyway. The whole thing, price per month should be in one paragraph tag (you can use classes on spans inside the paragraph still if needed for styling)

The last block of content is a list of benefits/features, so should be using an unordered list element not paragraph.

I hope that's helpful. It's very nearly all done, just needs some small tweaks. Good luck 👍

0

Okikijesu 30

@okikijesutech

Posted

@grace-snow Thank you very much for your inputs they are very 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