Luis Aviles• 180
@lavil014
Posted
Congrats completing this challenge .
I found the following AOO that may be helpful for you in the future when centering a container.
.mainCard{ margin: 3rem auto; width: 230px; border-radius: 10px; background-color:var(--White); }
Instead of using margin you can allocate the main card container from the parent container which is the body element .
Here an example using display flex :
body { display : flex ; align-items: center; justify-content: center; }
0