.center-five-columns, .center-seven-columns { display: flex; column-gap: 30px; row-gap: 50px; justify-content: center; flex-wrap: wrap; } .center-five-columns .flex_column, .center-seven-columns .flex_column { width: 100% !important; } @media (min-width: 641px) { .center-seven-columns .flex_column, .center-five-columns .flex_column { width: calc(50% - 15px) !important; } } @media (min-width: 800px) { .center-seven-columns .flex_column, .center-five-columns .flex_column { width: calc(33.33% - 20px) !important; } } @media (min-width: 1251px) { .center-seven-columns .flex_column { width: calc(14.28% - 25.72px) !important; } .center-five-columns .flex_column { width: calc(20% - 24px) !important; } } @media (max-width: 640px) { .center-seven-columns .flex_column, .center-five-columns .flex_column { width: 380px !important; } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter