Hi all
I have a 2 column layout that is displayed on a large screen perfectly. However with a tablet and smartphones with smaller screen is it really wrong. What is causing what should I change here in my design?
Here is my project with two columns
Is that an good idea for using containers for positioning the elements?

Kind regards
Stephane

Hi Stephane
This is a layout Problem in your mobile breakpoint settings for your columns all you need to do is slide to the left if you are building desktop down and reset the columns to your choice remember to divide them to add up to 12 . so example your
picture would span 4 and your text would span 8 . remember to do this for all your breakpoints
Good luck
Regards Adrian

Thanks, that's the problem the layout on different screens

Start with mobile first and a design like the one attached.
Set all columns to 12 spans.
Remove the image wrapper, the image will behave responsively as long as you set the width in %.
Move the slider up to the breakpoint where you want to change the layout.
Reduce the image column to 3 or 4 spans and the text column to 8 or 9 (has to be 12 alltogether).

Begin met mobiele eerste en een ontwerp zoals die bevestigd.
Zet alle kolommen tot en met 12 overspanningen.
Verwijder de afbeelding wrapper, zal het beeld in reactie gedragen zolang u de set breedte in %.
Beweeg de schuifregelaar tot het breekpunt waar u de lay-out te veranderen.
Verminder het beeld kolom 3 of 4 overspanningen en de tekstkolom 8 of 9 (moet hulpzaam zijn 12).