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

Mobile first (HTML, CSS, vanilla JS)

JiriKofron 190

@JiriKofron

Desktop design screenshot for the Project tracking intro component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Get stuck on border-radius of background color, then I realized I would have to make too many changes to my code, so I just accept the sharp-round version and the fact that nobody (nothing) is perfect. :)

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Haha, fair play on the border-radius Jiri! Nice work on this challenge. Another approach to style the divider in the navigation would be to use a pseudo-element, like ::before to achieve that style. This would reduce the HTML slightly and mean you don't have to include an empty div in the page. I hope that helps! 👍

1

JiriKofron 190

@JiriKofron

Posted

@mattstuddert Thanks! Yes, I tried to use ::before, but it didn't work and I haven't found the reason, so after a while, I was so confused and frustrated that I just gave up while give myself a promise to inspect and explore the pseudo-elements more and try to understand them. Thanks for positive feedback anyway!

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