You can refer to the following example to see how the section looks in a live site: http://infinititemplate.weebly.com/home-2.html
Step 1: Drag & drop X element
Within Weebly Editor, click on Build tab, navigate to THIRD PARTY section then drag and drop two X elements into the right position of your building page.
The following Step 2 and Step 3 are the same for both upper X and lower X elements.
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/2 - 1/4 - 1/4 layout.
3.3. Click on SETTING.
3.4. Customize the margin.
3.5. Set font sizes for title and text.
3.6. Turn on Equalize Column Heights option to make sure you set equal height for all three 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.
4.1. Configure upper X section.
Column 2 & 3
4.2. Configure lower X section.
Column 2 & 3
Click on Done button at the right top of the screen when you have finished with editing.