@Hassiai
Posted
replace <h3> with <p> to fix the accessibility issue. Replace the <h2> with <p> and give it a class for the styling and replace the <h1> in <div class="product__price"> with <h2>.
To center .container on the page remove margin:10% auto from the container and add min-height: 100vh to the body.
To center .container on the page using flexbox:
body{
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful
@ninjabro
Posted
@Hassiai hi,
i changed them.
min height to container breaking the card and resulted increase in card size .
you were helpful, thank you