Submitted almost 2 years ago

QR code project completly respnsive using Html Css Sass Bootstrap

Karim Amhaz• 10

@k-amhaz

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Nothing Difficult.
I'm sure of every single line I wrote.
No I only do best practice.

Community feedback

Faheem ismail• 210

@faheem4545

Posted almost 2 years ago

Congratulation you have completed your first project

you should use semantic element like <header> or <main> instead of using <img> tag try <picture> tag it is more beneficial in responsive design and everything is looking great

You should always use semantic element

<main> <div class="card col-2"> <picture> <source media="(min-width:650px)" srcset="images/image-qr-code.png"> </picture> <h3>Improve your front-end skills by building projects</h3> <p> Scan the QR code to visit the front-end mentor and take your coding skills to the next level </p> </div> </main>

Karim Amhaz• 10

@k-amhaz

Posted almost 2 years ago

It's semantic for sure It's accessible by using GitHub pages It's responsive on every screens The code is very clean

Please log in to post a comment

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