All solutions

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

I had a lot of trouble with the links. Centering them correctly was easy, but making them look right was the trouble. Anytime I tried adding padding to them they would spill out of their container.

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

When there is many little sections of text like on this card is it beneficial to put them all in their own divs?

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

I had lots of trouble aligning all the elements on the preview card properly. It simply took lost of trial and error.

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

I would like to know a more efficient of aligning elements properly.

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

I like to believe that this project helped me improve my flexbox skills.

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

I had a great deal of trouble centering the QR Code on the page as well as the QR Code image on the component itself. To solve my troubles I went onto CodePen and just did trial and error till I figured it out.

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

I had created a flex container called "qr-code-container" which inside had a div called "qr-code". I set the body height to 'min-height: 100vh' and the height of "qr-code-container" to "height: 100%". However when I tried to center my QR Code with 'align-items: center' nothing happened. If the body height is the height of the viewport and "qr-code-container" is 100% the height of its container i.e. the body, why didn't 'align-items: center' do anything?