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

QR code card

@Merlyn-Web

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

@Abubakar-Tanko

Posted

@Merlyn Web congratulation on completing your first challenge. Please take note, your <div class="attribution"> should have been outside your <div class="container"> and then make the 'body' of your html page display="flex" then Flex-direction="column". Just like this: body{ min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: hsl(212, 45%, 89%); } I hope my feedback is helpful :) Good luck on your next challenge @Merlyn Web

Marked as helpful

0

@Merlyn-Web

Posted

Thank you for your advice next time I will make sure not to make these mistakes again @Merlyn-Web

0

@Abubakar-Tanko

Posted

You are welcome and have fun coding :) @Merlyn-Web

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