The recommended page width for using Oxyblock is **1200px**
for a better visualization of the content in all blocks.
By default, in Oxygen Builder it is **1120px**
.
The base grid in **Desktop**
for Oxyblock blocks is 12 columns with a 4rem gap for columns and rows. We use the CSS Grid from **Oxygen 3.7+**
.ob-grid-desktop {
grid-template-columns: repeat(12, 1fr);
row-gap: 4rem; /* 4rem = 40px */
column-gap: 4rem; /* 4rem = 40px */
}
The base grid in **Tablet**
for the blocks in Oxyblock is 6 columns with a 2rem gap for columns and rows. We use the CSS Grid from **Oxygen 3.7+**
.ob-grid-tablet {
grid-template-columns: repeat(6, 1fr);
row-gap: 2rem; /* 2rem = 20px */
column-gap: 2rem; /* 2rem = 20px */
}
The base grid in Mobile
for the blocks in Oxyblock is 6 columns with a 2rem gap for columns and rows. We use the CSS Grid from **Oxygen 3.7+**
.ob-grid-mobile {
grid-template-columns: repeat(6, 1fr);
row-gap: 2rem; /* 2rem = 20px */
column-gap: 2rem; /* 2rem = 20px */
}