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

Simple QR Code solution using vanilla html/css

Zuzkiโ€ข 180

@LuisDGracia

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

Lucas ๐Ÿ‘พโ€ข 104,420

@correlucas

Posted

๐Ÿ‘พHello Zuzki, congratulations for your new solution!

Is just amazing that you've used vanilla CSS to create this, this will helps you to learn a lots of things that you'll probably miss if you were using frameworks.

I saw your code and is working fine, but you can have it even lean, if you delete some unnecessary divs. Not that you can manage everything using the main thats holding all the content img, h1 and p.

See the a clean html structure for this challenge below:

<body>
<main>
<img>
<h1></h1>
<p></p>
</main>
</body>

Doing that you've less child elements and more control over everything.

๐Ÿ‘‹ I hope this helps you and happy coding!

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