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

@haldarmanik

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


All Feedback is Welcome.

Community feedback

@lidiakrajewska

Posted

Hi! I've got a few tips that should make creating layouts easier for you :) Instead of using position property to center your component try using flexbox, it's super useful and makes it way faster once you understand it. The height of your component will be based on the content, so there's no need to specify that. To position elements inside of it, try using padding and margins instead of position. Also, by default, images, headings and paragraphs are displayed each in a new line, one under another, so unless we specify it otherwise in our CSS, the structure will be correct. I hope this will help you somehow, happy coding :)

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