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

My QR Code Challenge

@Baba-Salma

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


What are you most proud of, and what would you do differently next time?

Understood git and the starter files a little bit.

What challenges did you encounter, and how did you overcome them?

A whole lot. Referred to lots of solved challenges and had help online.

What specific areas of your project would you like help with?

Areas people identify and see the need for it to be corrected.

Community feedback

@AbhinayNegi

Posted

Your solution is very different from the expected solution. The preview site and view code link also not working so I cannot view them as well

You have to first create a div element and provide that div element with some height and width based on Figma. Then within the div element, you can display your QR image and use the appropriate padding and border-radius to achieve the desired result. Then second can add an h1 tag for the Primary text and then a p tag for the secondary tag.

Marked as helpful

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