OwlCyberSecurity - MANAGER

Edit File: _archive.scss

.archive_sermon{ margin-bottom: 110px; @media( max-width: 1024px ){ margin-bottom: 70px; padding-left: 10px; padding-right: 10px; } .content{ display: grid; grid-gap: 40px; &.four_column{ grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; @media( max-width: 1200px ){ grid-template-columns: 1fr 1fr; } @media( max-width: 767px ){ grid-template-columns: auto; } } &.three_column{ grid-template-columns: 1fr 1fr 1fr; @media( max-width: 1200px ){ grid-template-columns: 1fr 1fr; } @media( max-width: 767px ){ grid-template-columns: auto; } } &.two_column{ grid-template-columns: 1fr 1fr; @media( max-width: 767px ){ grid-template-columns: auto; } } } }