Single price grid component with Css Flex, Css Grid

Community feedback

• 

  Bagas Defandi•170

  @bagas-defandiPosted over 2 years ago

  Hi Erin Seven!

  congratulations on completing this challenge!

  I have a few suggestion for this:

  HTML

  • I prefer to use <a> tag for the button, because sign up button will bring user to other page, I will use <button> tag when there is interactivity like search button, hamburger menu, submit form.

  CSS

  • set border-radius and overflow hidden to the <main class="gridcontainer"> so you don't have to set it to individual corners.

  • I recommend you to use rem unit for font-size not em units, for more explanations you can see this video

  I also did this challenge with Grid, I use grid-template-areas to make it responsive, you can see my solution here

  I hope it helps you 😊

  Marked as helpful

  1