Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

1st attempt QR Card component

@Nofisat2023

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


I need all feedback

Community feedback

@geekSamarth

Posted

Hey @Nofisat2023, I have few recommendations for you which are as follows:

1- Center the QR component using 'display:flex, justify-content:center and align-items:center' property on the parent container which will center the component to the page.

2- Always use semantics tags inside your html file like, <main>, <article>, <section>, <header> etc. which makes your site accessible to the user and becomes faster while loading.

3-Always include H1 heading inside your code for better accessibility.

Hope this will helps you. Happy Coding!!

Marked as helpful

2

@Nofisat2023

Posted

@samarth-bytes thanks for the comments, I really appreciate. I will work on that to know more about the tags

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