You can refer to the following example to see how the section looks in a live site: http://x-template.weebly.com/home-3.html
Step 1: Drag & drop X element
Within Weebly Editor, click on Build tab, navigate to THIRD PARTY section then drag and drop X into the right position of your building page.
Step 2: Choose display mode
Click on a blank area of X and choose Fullwidth in a pop-up Settings box.
Step 3: Choose column structure
In the Setting box, click on Configure Layout Settings to show the Settings panel.
3.1. Click on LAYOUT.
3.2. Choose the 1/4 - 1/4 - 1/4 - 1/4 layout.
3.3. Click on SETTING.
3.4. Turn on Full-height to let the section cover a full screen; and turn on Equalize Column Heights to make sure you set equal height for all four columns.
Step 4: Customize each column
Corresponding to each column, click on each box to create your own custom settings that include: background; title and text color; border color, thickness, types; padding; effect; etc.
Column 1 & 3
Column 2 & 4
Click on Done button at the right top of the screen when you have finished with editing.