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