single price grid component master

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! 🎆🎊🪅

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