Skip to content

Instantly share code, notes, and snippets.

@LuisOsta
Created January 24, 2019 15:53
Show Gist options
  • Save LuisOsta/1911120e45fc8ed2bb154b87d9a59089 to your computer and use it in GitHub Desktop.
Save LuisOsta/1911120e45fc8ed2bb154b87d9a59089 to your computer and use it in GitHub Desktop.
Our basic css to create simple styling
.nav-list {
display: inline-block;
}
.nav-list li{
display: inline;
}
.nav-list li:first-child {
margin-right: 25vw;
}
.nav-list li:not(:first-child) {
margin-right: 5vw;
}
section {
margin-top: 10vh;
margin-bottom: 10vh;
}
.title {
text-align: center;
font-size: 64px;
}
.subtitle {
text-align: center;
font-weight: normal;
width: 80%;
margin: auto;
}
footer {
text-align: center;
}
@media only screen and (min-width: 1024px) {
.nav-list li:first-child {
margin-right: 70vw;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment