diff options
| author | Egor Tensin <Egor.Tensin@gmail.com> | 2022-03-23 16:22:54 +0300 |
|---|---|---|
| committer | Egor Tensin <Egor.Tensin@gmail.com> | 2022-03-23 16:22:54 +0300 |
| commit | aab4f52b9c6b654907e2e5e039c8938f06fe405a (patch) | |
| tree | 9372c80c471eff6dfac2c5a369a3a371a4b1b410 | |
| parent | index.html: from <a> to <div> for disabled items (diff) | |
| download | egor-tensin.github.io-aab4f52b9c6b654907e2e5e039c8938f06fe405a.tar.gz egor-tensin.github.io-aab4f52b9c6b654907e2e5e039c8938f06fe405a.zip | |
switch from flexbox to Bootstrap grid
Makes the list groups fill the entire screen on mobile.
| -rw-r--r-- | index.html | 13 |
1 files changed, 10 insertions, 3 deletions
@@ -23,10 +23,12 @@ projects: <h1>{{ site.settings.author.name }}</h1> <hr/> -<div style="display: flex; flex-wrap: wrap; column-gap: 1em;"> +<div class="row"> {% if page.projects %} - <div class="list-group wide-enough"> + <div class="col-sm-6 col-md-5 col-lg-4"> + + <div class="list-group"> <div class="list-group-item disabled"> <h4 class="list-group-item-heading">projects</h4> </div> @@ -39,9 +41,13 @@ projects: </a> {% endfor %} </div> + + </div> {% endif %} - <div class="list-group wide-enough"> + <div class="col-sm-5 col-md-4 col-lg-3"> + + <div class="list-group"> <div class="list-group-item disabled"> <h4 class="list-group-item-heading">links</h4> </div> @@ -60,4 +66,5 @@ projects: {% endif %} </div> + </div> </div> |