Advertisement
srikat

Untitled

Jan 8th, 2018
173
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.80 KB | None | 0 0
  1. .row {
  2. display: -ms-flexbox; /* IE10 */
  3. display: flex;
  4. -ms-flex-wrap: wrap; /* IE10 */
  5. flex-wrap: wrap;
  6. padding: 0 px;
  7. }
  8.  
  9. /* Create two equal columns that sits next to each other */
  10. .column {
  11. -ms-flex: 50%; /* IE10 */
  12. flex: 50%;
  13. max-width: 50%;
  14. padding: 0 0px;
  15. }
  16.  
  17. .column img {
  18. margin-top: 0px;
  19. vertical-align: middle;
  20. }
  21.  
  22. /* Responsive layout - makes a one column-layout instead of two columns */
  23. @media (max-width: 1240px) {
  24. .column {
  25. -ms-flex: 50%;
  26. flex: 50%;
  27. max-width: 50%;
  28. }
  29. }
  30.  
  31. /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  32. @media (max-width: 1240px) {
  33. .column {
  34. -ms-flex: 100%;
  35. flex: 100%;
  36. max-width: 100%;
  37. }
  38. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement