maximus87

Untitled

Sep 18th, 2019
181
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.10 KB | None | 0 0
  1. /* General Code */
  2.  
  3. section#SECTION-ID-HERE .sqs-row .sqs-row {
  4. display: flex;
  5. flex-wrap: wrap;
  6. }
  7. section#SECTION-ID-HERE .sqs-row .sqs-row .sqs-col-4:first-child {
  8.     margin-left: 0;
  9.     margin-right: 20px;
  10. }
  11. section#SECTION-ID-HERE .sqs-row .sqs-row .sqs-col-4:last-child {
  12.     margin-right: 0;
  13.     margin-left: 20px;
  14. }
  15.  
  16. @media only screen and (max-width: 640px) {
  17. section#SECTION-ID-HERE .sqs-row .sqs-row .sqs-col-4 {
  18. width: 100%!important;
  19. margin: 0!important;
  20. }
  21. }
  22.  
  23. /* If you want the buttons to be aligned with the text then use this code */
  24.  
  25. section#SECTION-ID-HERE .sqs-row .sqs-row .sqs-col-4 {
  26.     width: calc(~"33.33333% - 20px");
  27.     background: #ccc;
  28.     padding: 40px 20px 20px;
  29.     box-sizing: border-box;
  30. margin: 0 10px;
  31. }
  32.  
  33. /* If you want the buttons to be always on the bottom of the box then use this one */
  34.  
  35. section#SECTION-ID-HERE .sqs-row .sqs-row .sqs-col-4 {
  36.     width: calc(~"33.33333% - 20px");
  37.     background: #ccc;
  38.     padding: 40px 20px 20px;
  39.     box-sizing: border-box;
  40.     display: flex;
  41.     flex-direction: column;
  42.     justify-content: space-between;
  43. }
Advertisement
Add Comment
Please, Sign In to add comment