Submitted
@Prantaneel-Pegu
What are you most proud of, and what would you do differently next time?
Making the site responsive on all screens, from desktops to small mobiles. It even supports mobiles in landscape mode. Also, I wrote the code in a very clean and organized way.
What challenges did you encounter, and how did you overcome them?
Not any really.
What specific areas of your project would you like help with?
How can I implement responsive typography page-wide? I would like some links to guides on this topic.
@N1Dovud
Posted
To have a responsive font size or responsive page as a whole try to use rem instead of pixels. REM is the root font size which as default is 16 px. What's cool is if you change the rem in your media query based on the screen sizes, you can easily make your fonts, padding, margin very responsive.
@daniel-howorth
Posted
Set the line-height to 1.5 to comply with accessibility standards and give it a neater look. It's good practice to apply this globally in the body selector.
Well done on completing the challenge!
@Medido1
Posted
Great work!! if you look at the design of the active state, you can see that there is an increase in the box shadow of the container when hoverd over, you should consider adding that to your code
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
