QR Code Beginner Solution

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

I am most proud of getting to about 70% completion without needing to check any documentation or search for answers.

Not sure I would change much to my approach next time, I would like to read how others have solved the same problem to compare methods.

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

Mostly centering of blocks both horizontally and vertically. I am still getting comfortable with how margin: auto effects the centering of blocks horizontally.

For vertical centering I ended up using a fixed position and defined the box's location using calc(50% - element_height/2). I feel like there must be a better way to do so without hardcoding the element height, so I am looking forward to learning more about variables and other layouts.

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

Is there a way to center objects vertically the way we can horizontally using margin: auto? What is the most similar method?