Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NAV Menü using Flexbox

@korizst

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I have exercised Flexbox again. This time I was more familiar with this topic but I would like to do more projects to practice it.

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

Using Flexbox tools appropriate is yet a challenge. I have read about it on CSS-Tricks. There is a very good description of Flexbox.

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

For now, I don't need any specific help. I'm getting more and more familiar with HTML and CSS.

Community feedback

@MarcosAvg

Posted

  • Try to use a semantic HTML, structured in classes, in larger projects it will be beneficial.
  • You can learn to structure your styles with custom propierties: CSS Custom Propierties
  • When using a custom font make sure you use a safe font like san-serif.
  • It would be advisable to use CSS methodologies (like BEM, SMACCS) to structure your code: Using CSS Methodologies

Marked as helpful

0
seijin4ka 30

@seijin4ka

Posted

It is good where they are prepared using ul. I also think it's cool that you're using li:last-child to remove the margin on the last button.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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