Order summary

Hi Nicolás, I took some time to look at your solution and you did a great job!

Also I have some tips for improving your code:

• add descriptive text in the alt attribute of the image
• for fix the size of top image adding background-size: contain to main tag
• remove height from card class because it is superfluous
• use button element and not div for "Proceed to Payment"
• try to add hover effect and a little transition on the button
• instead of using px try to use relative units of measurement -> read here

Overall you did well :)

Hope this help and happy coding!

👋 Hello Nicolas , Your solution looks nice 😃

• I think if you use img tags in html instead of background-image in CSS for the girl image then it will look even nicer & solve the problem.
• for double bg image ( I assume the background image you are referring to) you can use background-size:contain inside main to make it look nicer
• I really think you should use media-query for responsiveness & stay away for viewport units vw for width & height of simple elements like card

Other than that overall it looks nice so Please keep solving challenges & happy coding 🥳👍