single price grid component master

Community feedback

• 

  バレンタイン 😈•64,190

  @VCaramesPosted almost 2 years ago

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

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

  • The “30-day, hassle-free money back guarantee” is not a heading❌. It should instead 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

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

  Happy Coding! 🎆🎊🪅

  Marked as helpful

  1

  ---

  

  Thabiso•270

  @SefalaThabisoPosted almost 2 years ago

  @vcarames Changes has been made, thank you for the help :)

  1
• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  Replace <h3> with <h1> to fix the accessibility issue.

  Give the body the background-color you gave to box1 and give box1 a background-color of white use #fff for the color white.

  To center .boxes on the page using grid, replace the align-items with align-content: center and add min-height:100vh to the main. there is no need for a padding left and right value.

  In the media query, increase the padding value of .box.

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  0

  ---

  

  Thabiso•270

  @SefalaThabisoPosted almost 2 years ago

  @Hassiai Can i use h1 multiple times on a single page?

  0

  

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  @SefalaThabiso sorry its suppose to be <h2>

  0

  

  Thabiso•270

  @SefalaThabisoPosted almost 2 years ago

  @Hassiai I made the changes, thank you for the help

  0