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

This is my take on the QR-code with CSS and HTML

AgentDoubleMβ€’ 10

@AgentDoubleM

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


How do you position the div in a way that it's always centered, regardless of what the browser size is?

Community feedback

Naveen Gumasteβ€’ 10,460

@NaveenGumaste

Posted

Hello AgentDoubleM ! Congo πŸ‘ on completing this challenge

Let's look at some of your issues, shall we:

  • Adjust the font size see the first letter Mentor and the Scan see original design the position is little off

  • Increase the title font too

  • Warp your card content around the main tag Ex: πŸ‘‡

<body>
<main class="container">
*all you content here*
</main>
</body>

happy CodingπŸ˜€

0
Dev Rathoreβ€’ 2,600

@GitHub-dev12345

Posted

Used for proper background image : πŸ˜ŠπŸ‘Œ

In body tag used this CSS property: body{ background : url("./images/uesd image path") no-repeat; background position: top center; background size: 100% 50%; ( this is your choice check the image performance, and the gave the size percentage on your choice); this code very helpful for your background imageπŸ˜‰πŸ˜Ž keep it up; }

I hope you find this helpful

0
Burakβ€’ 380

@BurakOzcancf

Posted

Hi

You can check Kevin Powell on YouTube. He has really good lessons if you have problems with CSS. And also you can check what is the semantic HTML.

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