This html container looks ok on a desktop screen, but pretty bad on the mobile screen. The mobile view shows the containers at width:24.6%. Is there a simply addition to have the mobile view ignore the width here:
It appears from your classes that you are using bootstrap, so why are you also using inline styles? You need to have the styles in the CSS in order to use media queries.
Your class and style attributes are essentially a contradiction, where the style will override much of the css from the class.
It is documented what these classes do regarding width, which alters with queries.
But in style you have width:24.6% which will override those width rules and queries.
I can pretty much guess what this class does, but.
…will override that.
So why are the classes even there if you are going to negate them with inline styling?
If you are going to use Bootstrap, then use Bootstrap and drop the inline styles, you can always add a custom css with your own styles to tweak things, inline is not the way.
Or if you don’t want to use Bootstrap (which this looks like, since you override what Bootstrap does), still drop the inline styles, as they are a nightmare to maintain and don’t work with media queries.