@Hassiai
Posted
Replace<div class="container">with the main tag and <div class="attribution"> with the footer tag to fix the accessibility issues. click here for more on web-accessibility and semantic html
To center .container on the page replace the height in the body with min-height.
Give the alt attribute a value so that those using assistive technology like screen readers would know of the image. the value of the alt is the description of the image.
Give h1 and p the same font-size of 0.9375rem which is 15px, the same margin-left and right value. Give p a margin-bottom value and add a margin-top value to h1.
For a responsive content which wont require a media query for this challenge give .container a fixed max-width value. max-width: 20rem
and img a max-width of 100%.
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful
@taimoor822
Posted
@Hassiai Thanks for suggestion
@taimoor822
Posted
@Hassiai I made it done! thank you so much