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

Reponsive navigation using html and css

#accessibility

@freakyjones

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


Hi, frontend lovers,

I would like to know how can we make the remote work heading the same as the design, can we send remote work after "make" without creating a new or adding a Heading tag?

Thank's in advance.

Community feedback

Elaine 11,420

@elaineleung

Posted

Hi Abhilashpandey, about your question, when I worked on this I just measured how wide the width would be after the word goes to the next line at the 1440px screen size, and then just set that as my max-width for that text container in the desktop view. Most definitely you shouldn't have to use another heading to break the line, and if you ever need to break it with a tag, the span tag should be used, but yes, I think using max width should do the job!

Also, I wasn't able to see your dropdown navs in the desktop view or mobile view, so you might need to fix that. Happy coding!

Marked as helpful

1

@freakyjones

Posted

Thanks, for the solution it worked. Also on the dropdown issue, I might have set the button on the arrow rather than the link will fix it asap. Happy coding

1

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