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 layout with grid

@TomasPereira-Dev

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


  1. the mobile layout is wrong, for some reason the button has a bigger width than it should and i don't understand why, can you help me with this?

Community feedback

Joachim 840

@Thewatcher13

Posted

You have to rewrite some of your HTML!

HTML is a markup language and is important to use semantic html.

  • Add main landmark element on your project
  • I should apply h2 too on the "monthly subscription" and "why us", bcs it is no subsection from the first h2
  • The $29 per month should be one paragraph, bcs if I delete all the css, I see this:

29$

per month

So it should be one paragraph (<p><span>$29</span> <span>per month<span></p>

  • Your button should have a type=button (by default it is submit) You can read more: https://www.w3.org/TR/2011/WD-html5-20110525/the-button-element.html

Marked as helpful

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