Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive QR Code (grid+flex)

0MarrkvI0 30

@0MarrkvI0

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I spent a lot of time thinking about how to create the ideal text-wrap as seen in the example, but when I set the width to 400 px, the result was the same. Purpose, perhaps?

Community feedback

@javascriptor1

Posted

Hi 0MARRKVI0 ,

You can solve the issue of text wrapping by controling the width of the element. it's clear you are using a wider area than needed , hence the text flow and does not break into new line as in the design.

Marked as helpful

1

0MarrkvI0 30

@0MarrkvI0

Posted

@javascriptor1 Yes, I finally understand :) many thanks Sir Mohammed. I really appreciate that.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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