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

Flexbox

Tobaunta 40

@Tobaunta

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@nisimi96

Posted

great job overall

i will do this!

if you want to get a nice looking and have text to fit the exact numbers of lines. maybe try to give the main container size and then use width on each of the text box and adjust the % (ex: width: 60%; /*adjust 60% to your eye looking) that way the text wont go and span on 3 lines when its need only 2

Marked as helpful

0

Tobaunta 40

@Tobaunta

Posted

@nisimi96 I dont know why it displays 3 lines in the design comparison because when I watch it in both live-server and on the deployed webpage it only puts the heading on two lines, both with google chrome and vivaldi web browser.

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