Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Introduction Section With Navigation using HTML5, CSS3 & Vanilla JS

#accessibility

@KaydenGiang2512

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

Report

0

Accessibility Issues

0

HTML Issues

View Report

Giang Nhật Khánh (Kayden)’s questions for the community

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

@Errorman2003

Posted

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; }

0


@KaydenGiang2512

Posted

@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!

0

@Errorman2003

Posted

@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

0

@Errorman2003

Posted

@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

0

@Errorman2003

Posted

@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

0

Please focus on giving high-quality, helpful feedback and answering any questions KaydenGiang2512 might have. Here are some key points to consider:

  • Does the solution include semantic HTML?
  • Is it accessible, and what improvements could be made?
  • Does the layout look good on a range of screen sizes?
  • Is the code well-structured, readable, and reusable?

You can read our community guidelines if you're unsure what to post.

Slack logo

Join our Slack community

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