@Obasola-Emmanuel
@GabrielGomeess
Submitted
What are you most proud of, and what would you do differently next time?
...
What challenges did you encounter, and how did you overcome them?
...
What specific areas of your project would you like help with?
...
@Obasola-Emmanuel
Posted
nicely done
@Malarpit16
Submitted
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?
@Obasola-Emmanuel
Posted
I also tried using align-items but it didn't work so I ended up using margin
