SKammerman (Talk | contribs) |
SKammerman (Talk | contribs) |
||
Line 60: | Line 60: | ||
padding: 0 8px; | padding: 0 8px; | ||
} | } | ||
+ | /* Display the columns below each other instead of side by side on small screens */ | ||
+ | @media (max-width: 650px) { | ||
+ | .column { | ||
+ | width: 100%; | ||
+ | display: block; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Add some shadows to create a card effect */ | ||
+ | .card { | ||
+ | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); | ||
+ | } | ||
+ | |||
+ | /* Trying to make cards equally sized */ | ||
+ | .card { | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* Some left and right padding inside the container */ | ||
+ | .container { | ||
+ | padding: 0 0; | ||
+ | |||
+ | margin:auto; | ||
+ | align: center; | ||
+ | } | ||
+ | |||
+ | ./containertwo { | ||
+ | padding: 0 40px; | ||
+ | margin:auto; | ||
+ | align: center; | ||
+ | } | ||
+ | |||
+ | /* Clear floats */ | ||
+ | .container::after, .row::after { | ||
+ | content: ""; | ||
+ | clear: both; | ||
+ | display: table; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> |
Revision as of 21:46, 23 September 2017