Design comparison
SolutionDesign
Solution retrospective
What challenges did you encounter, and how did you overcome them?
In the process of completing this challenge, I encountered the problem of reducing fonts to fit the screen size. At the moment, I have solved this with the help of media queries.
What specific areas of your project would you like help with?@media (max-width: 1080px) { h2 { font-size: 2rem; } } @media (max-width: 500px) { h2 { font-size: 1.5rem; } }
Help with automatic font size.
Community feedback
- @SvitlanaSuslenkovaPosted about 1 month ago
font-size: clamp(1rem, 2.5vw, 2rem);
font-sixe: clamp(min in px or rem for mobile, size you want in vw, max size for descktop in rem or px)
Marked as helpful1
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