Single Price Grid Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello Aman, Congratulations on completing this challenge!

  Nice solution again!

  You made your html structure entirely with div blocks but these div doesn't any semantic meaning, for this reason is better you use a better html markup improving your code, for example for each card you use <article> instead of the <div>.

  This article from Freecodecamp explains the main HTML semantic TAGS: https://www.freecodecamp.org/news/semantic-html5-elements/

  The button shadow its too dark, try this value with the opacity decreased instead: box-shadow: 0rem 0.625rem 0.625rem rgb(0 0 0 / 24%);

  The missing shadow for the general component box-shadow: 0rem 0.9375rem 1.875rem rgb(0 81 171 / 15%);

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  Aman•630

  @AmanGupta1703Posted about 2 years ago

  @correlucas Thank you! 😊

  1