Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

navbar support/advice? #162

Closed
pdelfino opened this issue Jan 17, 2021 · 1 comment
Closed

navbar support/advice? #162

pdelfino opened this issue Jan 17, 2021 · 1 comment

Comments

@pdelfino
Copy link

Hi guys,

I really like this CSS work. Congratulations on doing such a good job! I am using it to build a simple and personal blog. You guys can check it out here.

I would like to add a navbar. By the way, a minimalistic one. Usually, people go with Home and About. In my case, I am doing just Home.

I added this to the CSS file:

  .home {
    position: absolute;
    right: 300px;
    top: 0px;
    font-weight: 400;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    line-height: 1;
    z-index: 10000;
  }

This is the final result:
Screenshot from 2021-01-17 16-41-55

Have you guys ever thought about adding a navbar?
Would you do something different than I did?

This is my first project in web development. Sorry for the eventual mistakes or the absence of design skills/good taste.

@carbontwelve
Copy link

The following websites use Tufte CSS and have settled on a top navbar like yourself:

jeffrafter.com
image

marchie.io
image

jordanrhea.com
image

This website has a left side bar navigation and uses Tufte CSS for the main content styling:
kineticgraphs.org
image

Finally this website make use of Tufte CSS but has no global navigation, instead choosing to have the website name link back to the homepage from every subpage.
micahlerner.com
image
image

Hopefully these options help.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants