aboutsummaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorEgor Tensin <Egor.Tensin@gmail.com>2022-03-23 16:22:54 +0300
committerEgor Tensin <Egor.Tensin@gmail.com>2022-03-23 16:22:54 +0300
commitaab4f52b9c6b654907e2e5e039c8938f06fe405a (patch)
tree9372c80c471eff6dfac2c5a369a3a371a4b1b410
parentindex.html: from <a> to <div> for disabled items (diff)
downloadegor-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.html13
1 files changed, 10 insertions, 3 deletions
diff --git a/index.html b/index.html
index abc2062..89ec7ee 100644
--- a/index.html
+++ b/index.html
@@ -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>