diff --git a/themes/grav-theme-howto/css/media-queries.css b/themes/grav-theme-howto/css/media-queries.css index a6c7a6ef..cffd59c1 100644 --- a/themes/grav-theme-howto/css/media-queries.css +++ b/themes/grav-theme-howto/css/media-queries.css @@ -104,6 +104,10 @@ clear: both; } + #flex .columns { + height: auto; + } + } @media (max-width: 900px) and (min-width:601px) { diff --git a/themes/grav-theme-howto/css/style.css b/themes/grav-theme-howto/css/style.css index ea426b90..c833dbb4 100644 --- a/themes/grav-theme-howto/css/style.css +++ b/themes/grav-theme-howto/css/style.css @@ -74,20 +74,25 @@ a:hover { } #flex { - display: flex; + width: 80vw; +/* display: flex; flex-direction: row; flex-wrap: wrap; - justify-content: space-evenly; + justify-content: space-evenly;*/ +} + +#flex .columns { + height: 600px; } #flex .three { - margin-left: 30px; - margin-right: 30px; + padding-left: 30px; + padding-right: 30px; } -#flex h2 { +/*#flex h2 { text-align: center; -} +}*/ .padding { padding: 3rem 1rem;