Submitted almost 2 years ago

Introduction Section With Navigation using HTML5, CSS3 & Vanilla JS

#accessibility

Giang Nhật Khánh (Kayden)• 150

@KaydenGiang2512

Preview site View code

This is a solution for...

Intro section with dropdown navigation

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Definitely one of the harder challenges I encountered on Frontend Mentor, especially with the difficulties of building a multi-layout navbar (since it's my first time), so if anyone has a more concise solution or know any useful knowledge on how to achieve the same outcome with a more efficient approach, please don't hesitate to leave a comment and help me out :D Thank you very much!

Community feedback

Amobi Jonathan Chukwudi• 350

@Errorman2003

Posted almost 2 years ago

I noticed that you picture was aligned to the top right, Which isn't supposed to be so.

I think this would solve it

img { width: #px; height: #px; position: absolute; left: #px; }

Giang Nhật Khánh (Kayden)• 150

@KaydenGiang2512

Posted almost 2 years ago

@Errorman2003 Thank you! I will look into it right now.

Giang Nhật Khánh (Kayden)• 150

@KaydenGiang2512

Posted almost 2 years ago

@Errorman2003 after checking on my live site, everything seems to work just fine, and I didn't notice any misalignments on the images. Could you please be a bit more specific on the element that may have caused the issue? Thanks!

Amobi Jonathan Chukwudi• 350

@Errorman2003

Posted almost 2 years ago

@KaydenGiang2512

ohh sorry about that, i just checked the live site and it seems everything is looking great

i was looking at it from this design versus solution

Please log in to post a comment

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