Created
December 9, 2020 15:23
-
-
Save yousufansa/f35e11b670f152fbe64252904f1377a0 to your computer and use it in GitHub Desktop.
Vodi - Hot Premier Show Block Columns Issue Fix
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .hot-premier-show .columns-5 .movies__inner>.movie, | |
| .hot-premier-show .columns-7 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| @media (min-width: 768px) { | |
| .hot-premier-show .columns-5 .movies__inner>.movie, | |
| .hot-premier-show .columns-7 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.3333333333%; | |
| max-width: 33.3333333333%; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .hot-premier-show .columns-5 .movies__inner>.movie, | |
| .hot-premier-show .columns-7 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 20%; | |
| max-width: 20%; | |
| } | |
| .hot-premier-show .columns-5 .movies__inner>.movie .movie__meta, | |
| .hot-premier-show .columns-7 .movies__inner>.movie .movie__meta { | |
| font-size: 10px; | |
| } | |
| .hot-premier-show .columns-5 .movies__inner>.movie .movie__title, | |
| .hot-premier-show .columns-7 .movies__inner>.movie .movie__title { | |
| font-size: 12px; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .hot-premier-show .columns-5 .movies__inner>.movie .movie__meta, | |
| .hot-premier-show .columns-7 .movies__inner>.movie .movie__meta { | |
| font-size: 12px; | |
| } | |
| .hot-premier-show .columns-5 .movies__inner>.movie .movie__title, | |
| .hot-premier-show .columns-7 .movies__inner>.movie .movie__title { | |
| font-size: 14px; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .hot-premier-show .columns-7 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 14.2857142858%; | |
| max-width: 14.2857142858%; | |
| } | |
| } | |
| .hot-premier-show .columns-8 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| @media (min-width: 768px) { | |
| .hot-premier-show .columns-8 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.3333333333%; | |
| max-width: 33.3333333333%; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .hot-premier-show .columns-8 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 12.5%; | |
| max-width: 12.5%; | |
| } | |
| } | |
| .hot-premier-show .columns-9 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| @media (min-width: 768px) { | |
| .hot-premier-show .columns-9 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.3333333333%; | |
| max-width: 33.3333333333%; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .hot-premier-show .columns-9 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 11.1108333333%; | |
| max-width: 11.1108333333%; | |
| } | |
| } | |
| .hot-premier-show .columns-10 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| @media (min-width: 768px) { | |
| .hot-premier-show .columns-10 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.3333333333%; | |
| max-width: 33.3333333333%; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .hot-premier-show .columns-10 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 10%; | |
| max-width: 10%; | |
| } | |
| } | |
| .movies-carousel__inner .movies__inner { | |
| margin: 0; | |
| } | |
| .hot-premier-show .columns-1 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| @media (min-width: 1440px) { | |
| .hot-premier-show .columns-1 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| } | |
| } | |
| .hot-premier-show .columns-1>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| } | |
| .hot-premier-show .columns-2 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| @media (min-width: 1440px) { | |
| .hot-premier-show .columns-2 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .hot-premier-show .columns-2>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| } | |
| .hot-premier-show .columns-3>.movie, | |
| .hot-premier-show .columns-3 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| @media (min-width: 768px) { | |
| .hot-premier-show .columns-3>.movie, | |
| .hot-premier-show .columns-3 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.3333333333%; | |
| max-width: 33.3333333333%; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .hot-premier-show .columns-3>.movie, | |
| .hot-premier-show .columns-3 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.3333333333%; | |
| max-width: 33.3333333333%; | |
| } | |
| } | |
| .hot-premier-show .columns-4>.movie, | |
| .hot-premier-show .columns-4 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| @media (min-width: 768px) { | |
| .hot-premier-show .columns-4>.movie, | |
| .hot-premier-show .columns-4 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.3333333333%; | |
| max-width: 33.3333333333%; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .hot-premier-show .columns-4>.movie, | |
| .hot-premier-show .columns-4 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 25%; | |
| max-width: 25%; | |
| } | |
| } | |
| .hot-premier-show .columns-5 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| @media (min-width: 768px) { | |
| .hot-premier-show .columns-5 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.3333333333%; | |
| max-width: 33.3333333333%; | |
| } | |
| } | |
| @media (min-width: 1440px) { | |
| .hot-premier-show .columns-5 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 20%; | |
| max-width: 20%; | |
| } | |
| } | |
| .hot-premier-show .columns-5>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| @media (min-width: 768px) { | |
| .hot-premier-show .columns-5>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.3333333333%; | |
| max-width: 33.3333333333%; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .hot-premier-show .columns-5>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 20%; | |
| max-width: 20%; | |
| } | |
| } | |
| .hot-premier-show .columns-6>.movie, | |
| .hot-premier-show .columns-6 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| @media (min-width: 768px) { | |
| .hot-premier-show .columns-6>.movie, | |
| .hot-premier-show .columns-6 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.3333333333%; | |
| max-width: 33.3333333333%; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .hot-premier-show .columns-6>.movie, | |
| .hot-premier-show .columns-6 .movies__inner>.movie { | |
| -webkit-box-flex: 0; | |
| flex: 0 0 16.6666666667%; | |
| max-width: 16.6666666667%; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment