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 [Mobile First + Vanilla CSS + Responsive]

#accessibility
P
AK 6,700

@skyv26

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


Any feedback welcome, Made it within 1 hour. I am great learner and I will be happy to hear anything regarding design and code in order to enhance my skills. Feel free to share your thoughts.

Community feedback

P
David Turner 4,110

@brodiewebdt

Posted

That didn't take long.

Marked as helpful

2
Danilo Blas 6,300

@Sdann26

Posted

Very fast! Good work Aakash :)!

Marked as helpful

1
Anosha Ahmed 9,340

@anoshaahmed

Posted

pixel perfect

Marked as helpful

1

P
AK 6,700

@skyv26

Posted

@anoshaahmed Thank You Anosha ❤️

1
Hania B. 1,360

@techanthere

Posted

@skyv26 that's awesome! And here I am still planning to complete this cute looking challenge :) And hey just a little suggestion, footer text is flowing over the card, when the height is decreased, I think you don't really need to use position property for this solution, instead just stick with some padding and for the footer some margin.

Marked as helpful

1

P
AK 6,700

@skyv26

Posted

@techanthere Thank you Hania, I did it intentionally.. It is a bad practice. You can see my other design. Please leave your valuable feedback there

0

@aniket53

Posted

brother can u help me to get the right course for the react js learning i also wanted to learn it

1

P
AK 6,700

@skyv26

Posted

@aniket53 Bro! I would recommend you to first sharp your JS skills, because once you able to make projects using JS and know the advance concepts of JS then after React, Vue, Angular, Svelte will be cake walk for you. if you are really in Hurry then buy Udemy React Course by Max , but no course will teach your whole React. If you want to learn JS then you can buy JONNAS JS course from Udemy. But again keep in mind, JS is the Big Daddy of all frontend Framework.

0
Kacper Kwinta 1,405

@kacperkwinta

Posted

My advice on the names of variables in css - use those that do not directly describe the color, but, for example, what elements they should belong to, because when you change the value of a variable, its name loses its sense

Also you shouldn't use <main> tag for box with these elements, because this tag is for grouping elements, not for styling

1

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