Skip to content
Submitted over 1 year ago

Responsive layout with grid

Tomás Pereira•510
@TomasPereira-Dev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

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
    @Thewatcher13Posted over 1 year ago

    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

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