HTML and CSS Practice

Solution retrospective
It was difficult to align the position of the card in the middle of the vertical/horizontal. It was also difficult to locate the contents of the card.
What specific areas of your project would you like help with?I don't know exactly how to adjust the size of the middle card. I arbitrarily adjusted the size of the card, but I don't know what kind of problem will arise from the actual customer's point of view
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Knight9876
Have you tried this:
position: absolute; left: 50%; right: 50%; transform: translate(-50%, -50%);
this works 100% for centering the div/card
And for how to adjust the width of the card, i can't tell you for sure because i dont know what way you used to adjust the width of the card, but i am pretty damn sure this will work on most of the screens(unless the user has that brick phone lol).
ALL THE BEST!!! (THUMBS UP)
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