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 section w/ dropdown w/ (HTML + SASS + JS Dark/Light Mode)

#accessibility#bootstrap#sass/scss
Adrianoβ€’ 33,960

@AdrianoEscarabote

Desktop design screenshot for the Intro section with dropdown navigation coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


πŸ‘¨β€πŸ’» Hello everyone.

DAY 7/7 πŸŽ‰πŸŽŠ

Finally the end ahuauha, I can't describe how productive this week was, I learned a lot of new things and managed to practice a lot! Within what I learned the two most important things are:

  • Bootstrap
  • SASS

Plus my javascript skills have improved a lot!

Anyway, I leave a tip for those who want to improve, whether with a developer or anything else, persist! Resist the challenges that the world will put in your life, and most importantly learn from them, I guarantee you that at the end of the day all the effort will be worth it.

After this week I feel like I can learn anything, after all, it only depends on me!

I added some details:

  • πŸ‘¨β€πŸ’» Custom menu bugger!
  • 🎨 Custom colors and hover!
  • πŸ‘¨β€πŸŽ¨ Dark/Light Mode!

Feel free to leave comments on how I can improve my code.

Thanks! 😊

Community feedback

Lucas πŸ‘Ύβ€’ 104,580

@correlucas

Posted

Congratulations bro, you’re an inspiration and you did great doing 7 projects on 7 days, this is insane, considering the projects are advanced and with JS. The design is amazing and I liked a lots that you placed the dark mode in the burger menu. Congrats for the 7/7 and the motivation. 😎

Marked as helpful

0

Adrianoβ€’ 33,960

@AdrianoEscarabote

Posted

@correlucas πŸ’ͺπŸ’ͺ πŸ’ͺ thaankss!

0
Rodrigo Piresβ€’ 410

@rodrigompires

Posted

Hello Adriano. Nice work, but I think there is a small detail in the mobile version in the theme change icons. On the first click, the rotation animation occurs, but on the second click, the animation no longer occurs. I don't know if it's on purpose, but it only comes back when clicking outside the menu. Hugs and nice work.

0

Adrianoβ€’ 33,960

@AdrianoEscarabote

Posted

@rodrigompires Obrigado! eu percebi que tava acontecendo isso, mas nΓ£o deu tempo de arrumar ahuauahua

0
Ashaβ€’ 1,210

@livinglifemeaning

Posted

Congratulations Adriano for finishing your challenge! What's going to be your next one? Only tip is to use align-items property and change it's default from stretch so those brand icons don't look ugly on desktop. Also, can I ask how you implement different color schemes? I took a look through your code but couldn't tell how, and it's something I'm trying to learn.

0

Adrianoβ€’ 33,960

@AdrianoEscarabote

Posted

@livinglifemeaning I learned by watching this video: https://youtu.be/9LZGB3OLXNQ

I'm going to take this week to improve my js, so I don't know when I'll do any more challenges haha, but one of my goals is to use react or something new in the next challenge

2
MXβ€’ 290

@xingxing-prog

Posted

The dark theme and day theme are so cool. You are so productive this week. Congratulations.

0

Adrianoβ€’ 33,960

@AdrianoEscarabote

Posted

@xingxing-prog Thanks!!

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