-I am most proud of the clean structure I was able to create for the profile page with the social links, as it looks organized and is easily navigable. The project also gave me an opportunity to integrate external resources like Google Fonts and security measures like rel="noopener noreferrer" for external links.
-Next time, I would focus on better styling for responsiveness and perhaps use more advanced CSS techniques such as Flexbox or Grid to make the layout more adaptable to different screen sizes. Additionally, I'd like to experiment with more interactive elements or animations to improve user engagement.
What challenges did you encounter, and how did you overcome them?-The biggest challenge I faced was ensuring that all external links opened correctly and securely in a new tab without breaking the layout. Initially, some of the buttons were disappearing due to improper tag structure, such as missing or misplaced closing `` tags. After carefully reviewing my code, I fixed the tag structure and added the rel="noopener noreferrer" attribute for security.
-Another challenge was ensuring that the design looked good across various devices. I tested the page on different screen sizes, and although it mostly adapted well, I did find some issues with button alignment on smaller screens. In the future, I plan to focus more on using CSS Flexbox or Grid for better layout control.
What specific areas of your project would you like help with?I would appreciate feedback on improving the responsiveness of my design. Currently, it looks fine on desktop-sized screens but could be better optimized for mobile devices. I’m also looking for suggestions on how to improve the styling of my buttons .
Another area I would like feedback on is the usage of semantic HTML. I want to ensure that I am using best practices and that my code is as accessible and SEO-friendly as possible. Any suggestions on making my structure cleaner or more semantically correct would be very helpful.
