Submitted about 2 years ago

QR Code Component

Capt-Coder•50

@Capt-Coder

A solution to the QR code component challenge

Preview Code

Solution retrospective

When I first tried to center the card by using

 position: relative;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);

only the bottom half of the card was visible while the top half was moved out of the screen. Why does this happen and how to overcome this??

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Capt-Coder's solution.

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