question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Use "gap" property on flexbox instead of margins on every links in the Navbar to make it symmetric.

See original GitHub issue

Description

Use “gap” property on flexbox instead of margins on every links in the Navbar to make it symmetric & align the mode toggle icon in center.

Page Link:

Navbar

Current Behavior

CUrrent

Expected Behavior

Screenshot 2022-11-19 131552

Environment:

  • Host OS:
  • Browser:

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

Issue Analytics

  • State:closed
  • Created 10 months ago
  • Comments:15 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
Nikhil-Ladhacommented, Dec 30, 2022

Good to close out.

0reactions
UtkarshMishra12commented, Dec 30, 2022

@Nikhil-Ladha May I close this issue?

Read more comments on GitHub >

github_iconTop Results From Across the Web

gap | CSS-Tricks
The gap property in CSS is a shorthand for row-gap and column-gap , specifying the size of gutters, which is the space between...
Read more >
Navigation Bar flexbox gaps on the sides [duplicate]
So, I'm having an issue with the margins on the sides of my navigation bar as there is a little gap that I...
Read more >
CSS Gap Space with Flexbox - Cory Rylan
We can set margin space on the top and left of each item. On the flex parent element, we use negative margins to...
Read more >
Issues · layer5io/layer5 - GitHub
Use "gap" property on flexbox instead of margins on every links in the Navbar to make it symmetric. component/ui Issues related to UI...
Read more >
How to Verify Site Ownership on Mastodon Profiles
If I take this markup and add it to any URL I list in my metadata, then that entry in my metadata table...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found