diff --git a/src/components/popup/intro/intro.less b/src/components/popup/intro/intro.less index b364dd5..c4d3d18 100644 --- a/src/components/popup/intro/intro.less +++ b/src/components/popup/intro/intro.less @@ -1,7 +1,13 @@ .flexColumn { - flex-direction: column; + @media (max-width: 480px) { + flex-direction: row; + } + @media (min-width: 481px) { + flex-direction: column; + } } + div.intro { display: flex; align-items: center; @@ -10,10 +16,16 @@ div.intro { max-height: 100%; .top { - max-height: 425px; margin-bottom: 75px; overflow: auto; + @media (max-width: 480px) { + max-height: calc(100vh - 75px); + } + @media (min-width: 481px) { + max-height: 425px; + } + .logo { display: block; margin: 20px auto 10px auto; @@ -29,6 +41,7 @@ div.intro { .description { margin: 2em 0; overflow: auto; + max-height: 150px; text-align: center; } .options {