Line 44: | Line 44: | ||
} | } | ||
− | /* Create | + | /* Create three equal columns that sits next to each other */ |
.column { | .column { | ||
-ms-flex: 33%; /* IE10 */ | -ms-flex: 33%; /* IE10 */ | ||
Line 54: | Line 54: | ||
.column img { | .column img { | ||
margin-top: 8px; | margin-top: 8px; | ||
− | margin-bottom: | + | margin-bottom: 20px; |
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
Line 61: | Line 61: | ||
@media screen and (max-width: 800px) { | @media screen and (max-width: 800px) { | ||
.column { | .column { | ||
− | -ms-flex: | + | -ms-flex: 100%; |
− | flex: | + | flex: 100%; |
− | max-width: | + | max-width: 100%; |
} | } | ||
} | } | ||
− | /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ | + | <!--/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ |
@media screen and (max-width: 600px) { | @media screen and (max-width: 600px) { | ||
.column { | .column { | ||
Line 75: | Line 75: | ||
} | } | ||
} | } | ||
− | + | --> | |
</style> | </style> | ||
Revision as of 05:07, 8 December 2018
CONNECT WITH US