In Oxyblock the default unit of measure is REM and 1rem is equal to 10px.

We also use the Gap property for Flexbox to improve the distribution between child elements.

We use this measure in almost all our elements like typography, sizes, spacing, margins, padding and another one in our blocks.


BuilderManageStylesheetsoxy-blockbase

/* FONT SIZE REM BASE */
html {
  font-size: 10px; /* Size Font REM is 10px  */
} 

body {
  font-size: 1.6rem; /* 1.6rem = 16px */
} 

PX

0px

10px

20px

30px

40px

...........

100px

REM

0rem

1rem

2rem

3rem

4rem

............

10rem