Firstly remove the margin left on the container and put margin:auto; to center it
The card at 500px screen size set the width to 85%
The button at 500px screen size set the width to be 90% and add margin:auto;
The container at 500px screen size remove the height:1000px and set the height to height:auto,
So these are the correction i made to make it better
If you wanna center elements in a container, set the container to 100% or any size of your choice and set the elements in the container to like 90% or any size of your choice and put margin:auto;
Adding auto on width or height means adding width or height based on the amount of element in the container it' really helpful
i hope this helps you, happy coding 😁👌 !
Marked as helpful