Centered QR Code Modal Using HTML and CSS

What are you most proud of, and what would you do differently next time?

Most proud of: Quick implementation of the given design.

Do differently: N/a

What challenges did you encounter, and how did you overcome them?

Challenges:

• Centering the component both horizontally and vertically. I ended up using absolute position to make margin: auto center the component. I would like to know if this is good practice or not. Here's the code snippet:

position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;

What specific areas of your project would you like help with?

Areas for help:

I would like to know if there is was a better/more efficient and good practice way of implementing the design, or if my approach was fine. The two areas of concern I have is my use of absolute position and fixed width and height for the component.