3 DIVs nebeneinander und in Mobile Ansicht untereinander

Das geht am einfachsten mit CSS-Grid (display: grid;). Ein Anleitung dazu gibt es beispielsweise unter

https://blog.kulturbanause.de/

Ein Beispiel ist auch schnell erstellt:

https://www.w3schools.com/

Auf "Run" klicken, die Fensterbreite kann durch Verschieben des Mittelstegs geändert werden. Zur Nachvollziehbarkeit habe ich den Quelltext so gering und übersichtlich wie möglich gehalten.

Für die Anordnung der div-Container sind nur 3 CSS-Anweisungen erforderlich:

@media only screen and (min-width: 900px) {
      .content {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr;
         gap: 0.5rem;
      }
   }

Bis 899px Fensterbreite werden die div-Container als Block-Elementen ganz normal untereinander dargestellt.

Ab 900px wird die Grid-Darstellung gewählt. Durch das "1fr 1fr 1fr" werden 3 gleichbreite Spalten erzeugt. Das gap bestimmt den Abstand zwischen den div-Containern, so dass man sich nicht mit Außenabständen (margin) beschäftigen muss.