Table of Contents

Page Width

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**.

Desktop

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 */
}

Tablet

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 */
}

Mobile

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 */
}