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

QR Code Component using CSS Flex

Ken_1219 50

@Ken-1219

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


This is my first submission after joining Frontend Mentor so I don't know if I properly implemented the challenge or not. So, I would appreciate any feedbacks and suggestions given. Thank You!

Community feedback

P
Celie987 40

@Celie987

Posted

Great job !

I have just finished it too. So I am maybe not the best one to provide advice.

For me, when I have solved the challenge I have tried to avoid the usage of the <div> tag for using html semantic ones instead : e.g. For storing the QR Code I have used a <picture> tag instead of <div> t

For this one I have not made a distinction between the mobile and desktop version as it didn't changed, so I have not used @media query. But I think that in the @media query we need to try to only get the tags or css styles pieces which are modifed. So all the elements which are identical for both version remain outside of the media query.

Marked as helpful

1

Ken_1219 50

@Ken-1219

Posted

@Celie987 Thank You! I will keep this in mind.

0
theCavyDev 510

@okeke-ugochukwu

Posted

Way to go for a first challenge 👏.

Practice and keep an eye for details and you good to go. 👏

0

Ken_1219 50

@Ken-1219

Posted

Thanks ! @okeke-ugochukwu

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