Html Css Flex

Hello there! 👋

Congratulations on finishing your challenge! 🎉

I have some feedback on this solution:

• remove all the margin from the card element and give the body these properties to center the element display:flex justifiy-content:center align items: center min-height:100vh
• check the HTML report to fix accessiblity issues

i hope this is helpful and goodluck!

Hi Juan, great work on this challenge! 😉

Here are a few tips for improve your code:

• For add the top image in the background just put more specific background properties to the body:

background: url("../img/pattern-background-desktop.svg") no-repeat top center;
background-size: contain;
background-color: #e0e8ff;

• add main tag and wrap the card for improve the Accessibility
• use button element instead a for the Payment button
• instead of using px use relative units of measurement like rem -> read here

Overall you did well 😁 Hope this help!

Hi Juan, You should remove the overflow: hidden... On certain viewport heights, I can't view the button and footer.