Single price grid component challenge

Community feedback

• 

  Naveen Gumaste•10,480

  @NaveenGumastePosted almost 3 years ago

  Hay ! Good Job Tejaswini Labade 😊

  These below mentioned tricks will help you remove any Accessibility Issues

  -> Add Main tag after body like it should be your container

  -> For 1st heading or h1 tag, use header tag and then inside the header put your h1 or h2 etc

  -> But use header tag only once in main heading element.

  Keep up the good work!

  Marked as helpful

  1
• 

  Travolgi 🍕•31,400

  @denieldenPosted almost 3 years ago

  Hi Tejaswini, congrats on completing the challenge!

  • remove all margin from .container class
  • remove all margin from main tag
  • Try to use Flexbox for center the card into the page: read here ->Flex guide
  • adding height property to the body
  • Note: Flexbox aligns to the size of the parent container. You can use the vh measurement for the height... Viewport Height handles the sizing of an element in relation to the height of the browser window.

  Flexbox offer much control for postioning the element in the certer of screen.

  Overall you did well, keep it up! Hope this help ;)

  Marked as helpful

  1
• Account deleted

  Hi there 👋

  You did a great job 👏. I suggest centering the card because it looks closer to the top of the page. Please also increase the padding by replacing your code inside .container > * selector in 23-25 lines to code down below 👍

  .container > * {
    padding: 2.4rem;
  }
  

  Happy coding ☕

  Marked as helpful

  0