layout experiment that solved btns

This commit is contained in:
Paul Liverman III 2018-05-01 16:56:42 -07:00
parent fa2abc6f38
commit 5985920dd4

View File

@ -11,33 +11,25 @@
<style> <style>
.btns { .btns {
display: flex !important; justify-content: center;
justify-content: flex-end;
align-items: center;
}
.btns > a {
margin: 1rem;
} }
</style> </style>
<body> <body>
<div class="container"> <div class="container">
<h1>Simplex Task Manager</h1>
<div class="row"> <div class="row">
<div class="column column-25 btns"> <div class="column btns">
<a class="button" href="#">Tasks</a>
<a class="button" href="#">API Docs</a> <a class="button" href="#">API Docs</a>
<!-- <a class="button" href="#">New User</a> --> <!-- <a class="button" href="#">About</a>
</div>
<div class="column">
<h1>Simplex Task Manager</h1>
</div>
<div class="column column-25 btns">
<!-- <a class="button" href="#">Log In</a>
<a class="button" href="#">New User</a> --> <a class="button" href="#">New User</a> -->
<a class="button" href="#">You</a> <a class="button" href="#">You</a>
<a class="button" href="#">Log Out</a> <a class="button" href="#">Log Out</a>
<!-- <a class="button" href="#">Log In</a>
<a class="button" href="#">New User</a> -->
</div> </div>
</div> </div>
Stuff. Stuff.