Design comparison
Solution retrospective
I do not know the exact font sizes from the given picture, any methods how to know that? Is there any way to improve my solution? Thank you for responding
Community feedback
- @amalkarimPosted almost 2 years ago
Hi Jaqen,
Have you checked file
style-guide.md
in the root folder of the downloaded file? You can find the guide for font-size. But sometimes the information there is not complete. For example in this project we can only find font-size for body.If you use Chrome, there's an extension named Perfect Pixel, you can find it here. With its help, we can achieve solution that looks like the original design, including the font-size.
For your solution, you could add media query to make the mobile version of the page. Feel free to look at my solution to see my version of mobile view.
Hope this helps
1 - @SinisaVukmirovicPosted almost 2 years ago
Hello!
You are not supposed to know the exact font size. Maybe you would know as a PRO member when you get figma design files, too, but without that, no.
Not that you really need that. You are supposed to tryout different sizes until you get something that looks as close to the design as possible.
Don't stress about that too much.
Worry about fixing those errors in your report. Images must have "alt" attribute. Worry about using more semantic HTML5 elements in your MarkUp (html), not just <main> element.
That is far more important, than knowing exact font size used.
1
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