Design comparison
SolutionDesign
Solution retrospective
This is challenge by frontend master. Coded by Rutu
Community feedback
- @bhargavjyotiPosted almost 2 years ago
Great work! Here are some feedbacks.
- Center the card component using Flexbox or Gird.
- Use the font family provided inside style-guide.md file.
- Use colors given in the style-guide.md file.
- Write more descriptive README.md when uploading to GitHub.
- If using VS Code, write "!" and hit tab inside html file to get a better boilerplate.
0 - @SoniBasantPosted almost 2 years ago
- Use flex to make it center.
- Font family and background-color are given in style-guide.md but I'm also writing it here-
- font-family: Outfit;
- background-color of body : hsl(212, 45%, 89%);
- font-color for p: hsl(220, 15%, 55%);
- background color of qr-code and content: hsl(0, 0%, 100%)
- border radius of image should be small than the its surrounding white background.
Good luck. Keep improving and learning. : )
0
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