Skip to content
Submitted 4 months ago

Mobile-first, CSS, Flexbox, and responsive design.

#pure-css
Elvis Espinoza Navarrete•50
@elvisEspinozaN
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I’m proud of creating a clean, responsive layout with hover and focus states for better interactivity. Next time, I would refine my CSS organization for improved scalability.

What challenges did you encounter, and how did you overcome them?

CSS layout and responsiveness were challenging, but I overcame them by using a mobile-first workflow and experimenting with Flexbox properties.

What specific areas of your project would you like help with?

I would appreciate feedback on how to further improve the structure and readability of my CSS, particularly for navigation and hover effects.

Community feedback

  • Dylan Heslop•2,400
    @dylan-dot-cPosted 4 months ago

    Hey bro, this is a really good solution, semantic html code and everything looks good!

    One thing you can do is make the min-height: 100vh instead of just the height value seeing that on some small or even rotate mobile devices it will get cropped off.

    Also for transition: background-color 0.3s, color 0.3s; you could just use transition: all 0.3s; for shorter code.

    This is good and I would like if you could give me some feedback on how I can improve my solution!

    0

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