QR Code Component [Mobile First + Vanilla CSS + Responsive]
Design comparison
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
- @anoshaahmedPosted almost 3 years ago
pixel perfect
Marked as helpful1 - @techantherePosted almost 3 years ago
@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 helpful1@skyv26Posted almost 3 years ago@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 - @aniket53Posted almost 3 years ago
brother can u help me to get the right course for the react js learning i also wanted to learn it
1@skyv26Posted almost 3 years ago@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 - @kacperkwintaPosted almost 3 years ago
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 styling1
Please log in to post a comment
Log in with GitHubJoin 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