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

Snap Page w/ dropdown menus built with SASS, Tailwind and JavaScript

Daniel ๐Ÿ›ธโ€ข 44,230

@danielmrz-dev

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 Front-End Mentor Community! I'm Daniel and this is my solution for this challenge! ๐Ÿ˜Š

๐Ÿ› ๏ธ Built with:

  • HTML ๐Ÿงพ
  • SASS ๐ŸŽจ
  • Tailwind ๐Ÿ‘พ
  • JavaScript ๐Ÿค–
  • BEM Notation ๐Ÿ…ฑ๏ธ
  • Mobile first workflow approach ๐Ÿ“ฒ

I felt like this challenge was an evolution of the challenge News Homepage. On that challenge, I struggled to create the menu and didn't get a very good result.

On this one I could practice building the menus, both for mobile and desktop version and, even though I'm not completely satisfied with the result, I was able to meet all the challenge requirements.

Anyway, every challenge we learn new things. That's why I love this platform ๐Ÿ˜Š

If you have any suggestions on how I can improve this project, feel free to leave me a comment!

Feedback welcome ๐Ÿ˜Š

Community feedback

Sasiโ€ข 360

@sasilagisetti

Posted

It looks Very Good But When I am Testing Your website in Mobile Mode The Learn More button is Top over the side nav bar when the Side nav bar is open.

Marked as helpful

1

Daniel ๐Ÿ›ธโ€ข 44,230

@danielmrz-dev

Posted

@sasilagisetti

Thanks, I'm gonna fix it ๐Ÿ˜Š

1
Ahmad Maartmesriniโ€ข 120

@Ahmad-Maartmesrini

Posted

looks pretty good

1

Daniel ๐Ÿ›ธโ€ข 44,230

@danielmrz-dev

Posted

Thanks @Ahmad-Maartmesrini ๐Ÿ™‹๐Ÿฝโ€โ™‚๏ธ

0
OsmanSamarโ€ข 240

@OsmanSamar

Posted

I wanted to take a moment to express my admiration for the outstanding page you've created. Your attention to detail and creativity truly shine through every element. The layout is visually appealing.

0
hillaโ€ข 810

@hilla10

Posted

it's great but i have one suggestions in the hamburger menu if you use transition effect it more attractive and pretty will be and every thing is great for my English sory.

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