HiI’m sure there is a perfectly simple solution to this, but I can’t seem to find it.
Basically my site is on Bootstrap 4 and in one section of my landing page I have two divs side by side. One is a photo and the other is an embedded twitter feed. It all looks great on normal view (laptop and PC and even in responsive deisgn mode). However, on my mobile phone the two divs are underneath eath other which is fine and normal, BUT the Twitter div is too wide and makes the whole webpage wider yet the other divs on the page stay as they should.
I’ve tried overflow-x:scroll and :hidden and :auto but they all just seem to cut off the container rather than re-size it.
I’ve also tried to specify width:100% and then width:auto but that doesn’t work either.
Can anyone help me rectify this problem?
My website is http://www.wisbechinlinespeed.co.uk .
I can’t seem to post my code,so apologies for that.
