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
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

Christian 30

@c41n3s

Posted

Hello Dobason, I have also started with the first learning path, so I am a complete beginner with HTML and CSS. Nevertheless, I will try to give you some hints for this and later projects:

  • use max-width instead of width. Thus your container is flexible and you will have a responsive layout on smaller devices
  • in order to write your code semantically a little bit clearer, I would suggest you to use a <main> tag for the card. With this landmark element, you can highlight the most important content of your HTML body. Here you can find some additional information.
  • the "all-text" class in your <div> element is not necessary, because you did not define this class in your styles.css
  • I can recommend using sass/scss files instead of one singe styles.css. It is one part of this video.

Marked as helpful

0

dobason 160

@dobason

Posted

@c41n3s thank for your help. I'm so happy

0
Purushoth 200

@Purushoth6357

Posted

Good Bro, I had a long break Now I am started to relearn web dev again..

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