Responsive landing page using semantic HTML, CSS, and Typography

Solution retrospective
What am I most proud of?
Regarding a responsive workflow/design, ' Typography
' is the best way to choose for it.
- I am utilizing
clamp()
forfont size
, and it can also be applied towidth
. However, its usage is contingent upon your design requirements. - I am utilizing
em
orrem
not apixels
(e.g., class-name { width: 22.5rem; } ) for a better approach to enhancing according to web.dev - I am utilizing Responsive images
- I take great pride in my accomplishments after utilizing that tool(s), along with implementing
semantic HTML
.
Please be advised that I am not utilizing media queries for this challenge (social-links-profile) following my implementation of clamp()
along with rem
or em
units.
The challenge I encounter is 😢
The design strategy focuses on ensuring responsiveness across various devices, aided by resources from web.dev. Frankly, without the guidance from frontendmentor.io, my knowledge would have been limited.
What specific areas of your project would you like help with?I welcome any feedback regarding the design approach, should any issues arise. 😉
Happy coding! 🚀
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Cornelio R. Llagas Jr.'s solution.
Join 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