diff --git a/samples/calc-01/index.css b/samples/calc-01/index.css index f5bc168..7258c51 100644 --- a/samples/calc-01/index.css +++ b/samples/calc-01/index.css @@ -358,11 +358,7 @@ button:active { @media (max-width: 980px) { .topbar-group { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - - .topbar-spacer { - display: none; + grid-template-columns: minmax(92px, 112px) minmax(92px, 112px) 1fr minmax(60px, 72px) minmax(60px, 72px) minmax(60px, 72px); } } @@ -385,8 +381,13 @@ button:active { border-radius: 22px; } + .topbar { + overflow-x: auto; + } + .topbar-group { - grid-template-columns: 1fr; + grid-template-columns: minmax(92px, 112px) minmax(92px, 112px) 1fr minmax(60px, 72px) minmax(60px, 72px) minmax(60px, 72px); + min-width: 520px; } .functions-grid,