Placing two block next to each other (horizontally)

[matthieu_chateau]

Hi,

Here it is:

New custom code: display two blocks next to each other with a "drag border" feature

Hi all, First: a demo, to be viewed on desktop -Feature made to be disabled on mobile devices => https://test-play.softr.app/two-columns-draggable Now the codes to insert. I) In a custom code block, in my example, just below the hero block (reduce the padding top and bottom of this custom code block to not disturb your page design) <div class="row"> <div class="column left-column"> <div class="draggable-border"></div> <span id="tocolumn1"></span> </div> <div class="column right…

Custom code 2 columns layout: change the width of the columns (+ 3 columns layout)

Hi all, Many of you asked me to update the following code, provided by Joachim Brindeau, which creates a two columns layout. These two columns have equal width - 50%. Some of you want the left column or the right column to have a 30% or 40% width. It’s possible. DEMO HERE: https://test-play.softr.app/two-columns-width You will find the updated code after the recap of the original code and explanation: Recap "First, you need to have a custom block where you want the columns to be. In the c…

Note that I don’t give anymore any updates about these as this should be natively available within the next months in Softr