Submitted almost 2 years ago

QR code Component

Mounir KHAOUADI• 190

@Mounir-kh

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I need help wrapping content inside the div container. I appreciate your help, Thank you

Community feedback

Hellenmarie• 70

@Hellenmarie

Posted almost 2 years ago

<div class="container"> <div class="card"> <img src="images/image-qr-code.png"> <div class="text"> <h2>Improve your front-end skills by building projects</h2> <p>Scan the QR code to visit Frontend Mentor and take your coding skills to next level</p> </div> </div> </div>

Marked as helpful

Martin• 460

@nonso01

Posted almost 2 years ago

Well looks like you would need to update your styling , and as well make better use of flex box.
it will be preferable to wrap the image within a div. and set it sizes to % will adjusting the flex child so as to have a desirable appearance.
I might create an issue or pull request in your GitHub too

Marked as helpful

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord