diff --git a/_includes/css/main.css b/_includes/css/main.css index 789bcc4..3bc0d63 100644 --- a/_includes/css/main.css +++ b/_includes/css/main.css @@ -252,6 +252,33 @@ section.success { } } +/* Flexbox Portfolio Grid */ +@media (min-width: 640px) { + .portfolio-flex-grid .portfolio-flex-row { + display: flex; + flex-flow: row wrap; + align-items: stretch; + justify-content: space-between; + } + .portfolio-flex-grid .portfolio-flex-row .portfolio-flex-item { + flex: 1 0 49%; + max-width: 49%; + } + } + @media (min-width: 960px) { + .portfolio-flex-grid .portfolio-flex-row .portfolio-flex-item { + flex: 1 0 32%; + max-width: 32%; + } + } + /* A large grid might need four columns on widescreen layouts */ + /* @media (min-width: 1380px) { + .portfolio-flex-grid .portfolio-flex-row .portfolio-flex-item { + flex: 1 0 23.5%; + max-width: 23.5%; + } + } */ + .btn-outline { margin-top: 15px; border: solid 2px #fff; diff --git a/_includes/portfolio_grid.html b/_includes/portfolio_grid.html index 043a510..d386d24 100644 --- a/_includes/portfolio_grid.html +++ b/_includes/portfolio_grid.html @@ -1,16 +1,16 @@
-
+

Portfolio


-
+
{% for post in site.posts %} -
+