diff --git a/public/css/app.css b/public/css/app.css index eaf8c2cd..85579527 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -4634,6 +4634,9 @@ .steps { padding-left: 0; list-style: none; counter-reset: welcome-steps; } + @media (max-width: 991px) { + .steps { + max-width: 100%; } } .steps > .steps__item { margin-bottom: 2.5em; @@ -4654,6 +4657,9 @@ .steps > .steps__item { font: bold 2em monospace; text-align: center; line-height: 49px; } + @media (max-width: 991px) { + .steps > .steps__item:before { + display: none; } } .steps > .steps__item .body { float: left; } .steps > .steps__item h2 { diff --git a/resources/assets/sass/pages/_welcome.scss b/resources/assets/sass/pages/_welcome.scss index 45fd6093..f73c98be 100644 --- a/resources/assets/sass/pages/_welcome.scss +++ b/resources/assets/sass/pages/_welcome.scss @@ -3,6 +3,10 @@ padding-left: 0; list-style: none; counter-reset: welcome-steps; + + @media (max-width: 991px) { + max-width: 100%; + } } .steps > .steps__item { @@ -26,6 +30,10 @@ font: bold 2em monospace; text-align: center; line-height: 49px; + + @media (max-width: 991px) { + display: none; + } } .body {