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

Blogr landing page solution

Harsh Jain 475

@thisisharshjain

Desktop design screenshot for the Blogr landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feel free to give me feedback and suggestions!

Community feedback

@Sloth247

Posted

Animation looks awesome, but I cannot click the dropdown menu when it's in desktop view size. All interactive elements are focusable by keyboard but menus in nav bar cannot be selected by pressing Enter key. Github link shows error, so I cannot check your coding.

Marked as helpful

0

Harsh Jain 475

@thisisharshjain

Posted

@Sloth247 Actually as it was mentioned to use JS only for hamburger mobile menu, So i achieved that dropdown menu effect in desktop view by display:block on hover state of parent. So as soon as we move our mouse towards menu, It isn't in hove state anymore and gets display: none again. I'm thinking of a better solution without JS. Using checkbox would be too much work so i'll pass on that 😂 Let me know if you have a better solution please. I'll fix 2nd and 3rd point asap! Thank you! 😄😇

0
kugi 265

@askugii

Posted

This looks awesome! Great job!

Marked as helpful

0

Harsh Jain 475

@thisisharshjain

Posted

@Bahadr-tech Thanks a lot! 😄

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