Hi Darren! Have a look at my solution to this challenge.
To answer your questions, I centered the QR Code using display: grid
to center my solution. Another way is to use display: flex
though I can see that's what you used for your solution. Either way is valid.
For responsiveness, you might want to look into media queries. They are essentially blocks of styles that execute when the screen is at, above, or below a set screen size. Although I don't think you need to worry about that for now since you're dealing with a small component.
Marked as helpful
@DarrenBerg1
Posted
@Brian-Pob Thank you for the reply! I definitely need to get more comfortable with media queries.. That was a tough one to figure out and also centering the QR code lol.
@DarrenBerg1 You are welcome! If you would like some resources for learning media queries, I would highly recommend Kevin Powell's YouTube channel. He has a ton of awesome videos on CSS and general front-end work. In fact, he has a great video on how to make responsive design a bit easier.
Keep up the good work! 👊