Design comparison
Solution retrospective
I'm proud of successfully creating a clean, social link profile that closely matches the design. It was a great opportunity to practice my skills in semantic HTML and CSS Flexbox. Next time, I would like to explore adding some animations or links that actually lead ot somewhere when you click the buttons. Additionally, I would use a CSS preprocessor like Sass to streamline and organize my styles more efficiently.
What challenges did you encounter, and how did you overcome them?One of the main challenges I encountered was ensuring that this profile card looked good on all screen sizes. Initially, the layout didn't scale well between different devices. I overcame this by adopting a mobile-first workflow and using CSS Flexbox to create a flexible, centered layout. Additionally, I made extensive use of media queries to adjust the styling for various screen widths, ensuring a consistent and responsive design across all devices.
What specific areas of your project would you like help with?I think it was all good
Community feedback
- @rosemutaiPosted 4 months ago
Good work! Please use semantic HTML to improve accessibility of your site.
0 - @hcolmenaresPosted 4 months ago
Great job! If I have to point out something, it is that you should use a lighter color for the background. Generally, intense dark backgrounds can cause visual fatigue, and if the user stays on the page for too much time, it would be uncomfortable.
0
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