Single price grid component

Community feedback

• 

  バレンタイン 😈•64,170

  @VCaramesPosted almost 2 years ago

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

  • 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

  • ⚠️ Move all of these properties to the body. You will delete the width: 100% (it is already 100% by default) and change the height to min-height.

  main {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  

  • This is a great challenge to practice using CSS Grid ⚠️ If you are not comfortable using it, here is a link that is all about how to use CSS Grid:

  https://css-tricks.com/snippets/css/complete-guide-grid/

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

  Happy Coding! 🎆🎊🪅

  Marked as helpful

  0