Order summary Check-out page with hover states

Solution retrospective
Your feedback is very welcome. I'm not satisfied with the mobile version because the card is not centred inside the body. Maybe there is anyone who can help. Much appreciated!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @AdrianoEscarabote
Hi TayAki79, how are you?
I really liked the result of your project, but I have some tips that I think you will enjoy:
To prevent the background image from breaking at higher resolutions, we can prevent this in two different ways:
-
Add a
background-repeat: repeat-x;
, the image will repeat on the horizontal axis, preventing it from breaking. -
Add a
background-size: 100% 50vmin;
, the50vmin
will set its height as the page target, and100%
will make it stretch on the horizontal axis.
Feel free to choose one of the two!
The rest is great!
I hope it helps... 👍
-
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord