Design comparison
Solution retrospective
I'm proud of the way i tried to optimize my code considering last project issues.
What challenges did you encounter, and how did you overcome them?I was challenged by the understanding of Figma designs. I mainly had issues with svg.
What specific areas of your project would you like help with?I would like help in order to work on text reduction on mobile side.
Community feedback
- @IzykGitPosted 4 months ago
Good work!
There are two easy ways to make text responsive for mobile. You can use something like
font-size: 2vw
where the text will respond based on the view-width, or you can use media-queries and manually set the font size at different view widths.Keep up the good work!
Marked as helpful0@JamesLavironPosted 4 months ago@IzykGit Thanks for feedback, I decided to use clamp method, seems to work well.
1 - @MarioomarioPosted 4 months ago
You've done great work, and the design looks good, but there are two things you missed: you forgot to add a solid border to the main container, and you need to make it responsive for mobile phones by adjusting the size as mentioned in the UI design.
0@JamesLavironPosted 4 months ago@MarioomarioThanks for feedback, I corrected my live project. I struggled to understand figma typo settings.
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