Usually it can take hours making tweaks to breakpoints to make a site look great on all devices, but by using Kompa it just takes 2 simple steps.

It's very important you follow the steps in order or this won't work.

Step 1 · Insert Breakpoints

First, start by adding your breakpoints. We recommend the 3 default Framer breakpoints:

• Desktop = 1200

• Tablet = 810

• Phone = 390

Step 2 · Insert Block

Once you've chosen a block in Kompa that you want to use, you can insert it by either:

1. Clicking Insert Block - or

2. Dragging and dropping it onto your primary breakpoint.

Once you do this, the layout of your section will automatically adapt to your breakpoints and your website section will be responsive and look great on all devices