Submitted over 2 years ago

Responsive QR code component Landing Page

Asther Marie Moreno• 30

@AshM10

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

What I learned

Sometimes I get really nervous writing code for no apparent reason! I felt the same way here but doing a step by step procedure on how I want to tackle the project helps a lot for me. By breaking down the project into smaller steps, it got easier for me and I felt less overwhelmed.

Community feedback

Cagri Kizilkan• 210

@cgrkzlkn

Posted over 2 years ago

Good job! Make sure to use landmark elements for accessibility. HTML5 Landmarks

You can change your <div class="container"> to <main class="container">
You can wrap <div class="attribution"> with footer. Like this:

<footer>
   <div class="attribution">
   </div>
</footer>

You can add box shadow to container element, this tool can be useful : CSSmatic Box Shadow Generator

Marked as helpful

Asther Marie Moreno• 30

@AshM10

Posted over 2 years ago

@cgrkzlkn Thanks! I did try to wrap it with footer and then totally erased it. I've updated the code. Appreciate your time checking on my solution!

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