Skip to content
Submitted over 2 years ago

Reponsive navigation using html and css

Abhilashpandey•270
@freakyjones
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro section with dropdown navigation
  • HTML
  • CSS
  • JS
2junior

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,400
    @elaineleungPosted over 2 years ago

    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
    Abhilashpandey•270
    @freakyjonesPosted about 2 years ago

    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

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