responsive single price grid component using HTML CSS

Community feedback

• 

  バレンタイン 😈•64,190

  @VCaramesPosted almost 2 years ago

  Hey there! 👋 Here are some suggestions to help improve your code:

  • The header element is being used incorrectly ⚠️ and not needed for this challenge.

  • ⚠️ The article should be wrapping the entire component.

  • There are only three headings ⚠️ in this component; “Join our community”, “Monthly Subscription”, and “Why us”. Everything else would be wrapped in a paragraph element.

  • The button was created with the incorrect element ❌. When users click on the button they should directed to a different part of your site; the anchor element will allow this to happen.

  More Info:📚

  MDN The Anchor element

  • The “Why Us” list needs to be created using an unordered list ⚠️ element along with the list item element.

  MDN Unordered List Element

  If you have any questions or need further clarification, feel free to reach out to me.

  Happy Coding! 🎆🎊🪅

  Marked as helpful

  1
• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  Replace <h3> with <h2> to fix the accessibility issues.

  The body has a wrong-background-color, to center the main on the page using flexbox, add min-height: 100vh to the body. you can only give the body a padding top and bottom value t not a padding values for all the sides.

  In the mobile design, give the main a width value instead of giving the body a padding left and right value to specify the width for a responsive content use max-width instead of width.

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  1