Flexbox Grid
See the Pen Flexbox 12-Column Grid Example by Nicholas D'Angelo (@ndangelo) on CodePen.
Minimal is a theme for GitHub Pages.
Latest Posts
Code Snippet Samples
1
2
3
def foo
puts 'foo'
end
YouTube Sample
Welcome to the Jungle!
I see!
Welcome to Jekyll!
You’ll find this post in your _posts directory - edit this post and re-build (or run with the -w switch) to see your changes!
To add new posts, simply add a file in the _posts directory that follows the convention: YYYY-MM-DD-name-of-post.ext.
Jekyll also offers powerful support for code snippets:
1
2
3
4
5
def print_hi(name)
puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.
Center Flex
1
2
3
4
5
6
7
8
9
10
11
12
13
.navbar {
text-align:center;
width: 100%;
}
.navbar ul {
display:inline-block;
}
.navbar li {
float:left;
}
.navbar li + li {
margin-left:20px;
}
1
2
3
4
5
6
7
8
9
10
11
12
.text-example {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
text-align: center;
margin: 10% 0;
min-height: 200px;
background-color: rgba(33, 33, 33, .3);
align-items: center;
}
Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at Jekyll’s GitHub repo.