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,105

@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

Reports

Accessibility report (0)

Our reporter did not find any issues in this project! πŸŽ‰

ApplePieGiraffe’s questions for the community

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

P
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,105

@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,105

@ApplePieGiraffe

Posted

@bananaJoeReal

Thanks a lot! πŸ˜€

1

Seck Mamadouβ€’ 325

@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,105

@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,105

@ApplePieGiraffe

Posted

@Lungowe-S

Thanks! Glad it was helpful! 😊

0

Please log in to post a comment

Log in with GitHub
Slack logo

Join our Slack community

Join over 180,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!