@correlucas
Posted
πΎ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
@AmanGupta1703
Posted
@correlucas Thank you! π