Single price grid component

Community feedback

• 

  バレンタイン 😈•64,190

  @VCaramesPosted about 2 years ago

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

  The reason why your component is not properly centered is not because of the Netlify but because you did not use the correct properties.

  To center you content to your page using CSS Grid, add the following to your Body Element:

  body {
      min-height: 100vh;
      display: grid;
      place-content: center;
  }
  

  You can use those properties to align all your components. (You can also use Flex)

  • The purpose of the Main Element is to identify the main content of your page. It is not the container of you component. After the main element, you want add a container to wrap you separate components in.

  • The *<h1> Heading can only be used once per page. In your component, you used it for all your headings.

  If you have any questions or need further clarification, let me know.

  Happy Coding! 👻🎃

  Marked as helpful

  1