Created
May 15, 2018 19:17
-
-
Save raymond1988/a2d37d5a2d30c78b66df2b167a1e844c to your computer and use it in GitHub Desktop.
This file contains 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
| /*Small devices (landscape phones, 576px and up)*/ | |
| @media (min-width: 576px) { | |
| /*card colums setup 2 columns for mobile on landscape view*/ | |
| .card-columns{ | |
| column-count: 2; | |
| } | |
| } | |
| /*Medium devices (tablets, 768px and up)*/ | |
| @media (min-width: 768px) { | |
| /*card colums setup 2 columns landscape view*/ | |
| .card-columns{ | |
| column-count: 2; | |
| } | |
| } | |
| /* Large devices (desktops, 992px and up)*/ | |
| @media (min-width: 992px) { | |
| /*card colums setup 3 columns desktops*/ | |
| .card-columns{ | |
| column-count: 3; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment