Fasihnasir• 30
@Fasihnasir
Posted
very nice hover design
0
EL harabiy• 150
@Mubarak-Adeyemi
Posted
Thanks, @Fasihnasir
0
Design comparison
Solution retrospective
What are you most proud of, and what would you do differently next time?
I am proud of successfully implementing a fully responsive design that looks great on mobile and desktop devices. Achieving this required careful planning and a mobile-first approach, utilizing CSS Flexbox. I’m also proud of the interactive hover and focus states that provide a smooth user experience. These design elements help the profile card feel polished and professional.
What challenges did you encounter, and how did you overcome them?
Next time, I would focus more on accessibility. While the design is visually appealing, ensuring that all users, including those with disabilities, can interact with the site is essential. I would implement better ARIA labels, ensure colour contrast meets accessibility standards, and improve keyboard navigation. Additionally, I would explore more advanced CSS animations to create more engaging hover effects.
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