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

Using CSS flex property

yahia5034 10

@yahia5034

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


The first difficulty was to take the width of the whole page. the second one was to insert the image inside the container and keep it in there.

Community feedback

Elijah-05 30

@Elijah-05

Posted

Congratulation to finish the challenge.

  • The heading below the QR image that is <h2> should be <h1>. In your code any Heading should start from <h1> even if it should be small. so you can adjust it then by its font size.
  • The other is the heading again is three line. so adjust it with its font size and #card-content side paddings
  • the heading <h2> also nest <p> element. No need to nest <p> inside <h2> element. put your heading content directly in <h1> element.
1

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