diff --git a/src/css/index.css b/src/css/index.css index ca8099edbb7..71614cac960 100644 --- a/src/css/index.css +++ b/src/css/index.css @@ -502,6 +502,7 @@ .ActionButton.primary { color: var(--dark); background-color: #FEBC59; + text-wrap: nowrap; } .ActionButton.primary:hover { @@ -543,6 +544,27 @@ } +/* responsiveness for tablets */ + +@media only screen and (min-width: 481px) and (max-width: 960px) { + .ActionButton { + max-width: 100%; + width: 100%; + display: block; + white-space: nowrap; + } + + .ActionButton.secondary { + margin-top: 1rem; + margin-left: auto; + } + + .custom-image { + width: 80%; + } + +} + /* Heading */ .Heading {