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

Intro Component With Mobile Navigation And CSS Animations

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

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


Hey, everybody! 👋

This was a short, easy challenge that was a lot of fun to code! (Thinking about how to place the image was interesting.) 😉

I added a few CSS animations from Animate.css (as usual) to make the simple mobile navigation and the loading of the page a little cooler! 😄

Feedback is welcome and appreciated! 😊

Happy coding! 😁

Community feedback

Anna Leigh 5,135

@brasspetals

Posted

Yet another great job - and animations are smooth as always. 🙌 This one makes me wonder though - there's got to be a way to create an "exit" animation when you leave the mobile menu, right? 🤔 It'd be great if the animation would reverse and fade out when clicking the "x".

2

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

@brasspetals

Thanks for the feedback!

An "exit" animation sure does sound cool! I'll look into that! 😀

0
banana joe 135

@bananaJoeReal

Posted

Hey ApplePieGiraffe!

Your solution looks nice, I loved the animation nice work!

2

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

@bananaJoeReal

Thanks a lot! 😀

1

@doums85

Posted

Hi , really nice code

I suggest you I think you forgot to fixe your footer on bottom

Keep coding 🙂👍

1

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

@doums85

Thanks!

0
Lungowe 85

@Lungowe-S

Posted

Loved what you've done. I've been cracking my head over a few things I did in my own site and your solution has given me some insight.

Nice work!

1

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

@Lungowe-S

Thanks! Glad it was helpful! 😊

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