Dear all,

What are the steps how I can this section create for all the devices (desktop, tablet and mobile phones)
This is the section for design but what have I need and how much containers. It designed in bootstrap
This is the section
Thanks
Greets
Stephane

2 choices (3 actually)
1/ 2 columns in a row 1 for the words & buttons 1 for the video
Set each column to 12 spans at low devices, and 6 spans for high devices

2/1 column 2 containers (1 container for the words & 1 container for the video) set column to position =flex display=column at low devices, and change to display=row at higher devices

3/ Use mobirise

Wayan Jaya

Thanks for this !
I use the second option with flexbox

Dear all,

What are the steps how I can this section create for all the devices (desktop, tablet and mobile phones)
This is the section for design but what have I need and how much containers. It designed in bootstrap
This is the section
Thanks
Greets
Stephane

I would...
Have 4 containers in a column 12 spans wide.
Add content to your containers (heading, paragraph text, button link)
Set min and max widths and heights on containers if desired, to keep the boxes the same dimensions.

Set the column to Display: Flex
Direction: Row
Wrap: wrap
Justify: Center
Items: Center
Content: Space Around.
Play around with the last 3 items to get the look you want. Set some padding or margin to separate the containers if needed for some breakpoints.

I'm sure that there are a couple of different ways to do the same thing.

Have fun and good luck.