@Hassiai
Posted
Replace the header tag with the main tag to fix the accessibility issues. click here for more on web-accessibility and semantic html
There is no need to give #card a max-height value
For a responsive image, give the img a max-width of 100% and a border-radius value, the rest are not needed.
Give .content a margin value for all the sides, text-align: center and a font-size of 15px which is 0.9375rem, this will be the font-size of both p and h1. Give p a margin-top or h1 a margin-bottom value for the space between the text.
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful
@Saurabh-Mishra04
Posted
Appreciate the suggestion @Hassiai. I have fixed the issues you mentioned.
Thank You