AlyaaRushdy• 100
@AlyaaRushdy
Posted
Great job on that challenge! to improve the responsiveness of the component try avoiding setting width to the components in pixels. try using rem or em instead. example:
width: clamp(19rem, 88vw, 24rem);
1
Design comparison
Solution retrospective
What are you most proud of, and what would you do differently next time?
Mastering HTML structure and CSS styling for a functional social links page, while gaining hands-on experience in web development basics.
What challenges did you encounter, and how did you overcome them?
Challenges encountered included CSS layout issues, browser compatibility issues, and aligning elements properly. To overcome these, I used CSS debugging tools like browser developer tools to inspect and adjust styles. I also researched and implemented CSS flexbox or grid for responsive layouts and tested the page on different browsers to address compatibility issues.
What specific areas of your project would you like help with?
I would like help with improving the responsiveness of my social links page, ensuring it looks good on various screen sizes. Additionally, guidance on organizing CSS styles more efficiently would be appreciated.
Community feedback
Please log in to post a comment
Log in with GitHub
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