Design comparison
Community feedback
- @ZiyyahhPosted about 1 year ago
For easier readability and organisation, generate separate stylesheet for CSS content.
Check the style guide for the font-family, in this case, it should be body{ font-family: 'Outfit', sans-serif; }
To make the content more responsive, replace width in main with max-width.
For styling of properties such as gap, padding, border-radius..... it is recommended to use rem rather than pixels.
Remember to include the attribution.
Marked as helpful1@AndreiBarariPosted about 1 year ago@Ziyyahh Thank you for your feedback, I appreciate it. I made the changes and will keep in mind the style guide for each challenge.
I have a question if you don't mind me asking. Is there a tool for picture analysis, I am a free user so I don't have access to Sketch/Figma designs and would like to work, as much as possible for my level, with the best practices and tools in mind.
Again, thank you very much for your feedback!
0@ZiyyahhPosted about 1 year ago@AndreiBarari
I'm not aware of any picture analysis tool at the moment, i use a mac and to preview the designs it opens up on the preview app and if i slide across the container it gives me the width and height.Usually, i use that as an estimate, i hope that helps.
Marked as helpful0
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