diff --git a/css/custom.css b/css/custom.css index 5f40cfd933b..cd5ee19f370 100644 --- a/css/custom.css +++ b/css/custom.css @@ -376,14 +376,18 @@ a.text-reset:hover { display: flex; flex-wrap: nowrap; overflow: auto; - margin: .5rem; + margin: 1.25rem .5rem; } .menu { flex: 0 0 auto; margin: 0 .5rem 0 0; min-width: 14rem; - height: 11rem; + height: 8rem; +} + +.card.menu { + padding: 1.25rem 1rem; } .menu > .card-body { @@ -391,6 +395,12 @@ a.text-reset:hover { align-items: center; } +@media (max-width: 575.98px) { +.menu > .card-body > .card-hero > .hero-body > .card-text { + font-size: 65%; +} +} + /* small: 576px and up */ @media (min-width: 576px) { .menu { @@ -434,6 +444,9 @@ a.text-reset:hover { min-height: 100%; height: auto; } + .menu > .card-body > .card-hero > .hero-body > .card-text { + font-size: inherit; + } } /* GLOBAL: CARD HERO */ diff --git a/index.html b/index.html index 1a73dcc741a..43e77e49c10 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@ integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> - + @@ -115,7 +115,7 @@