3 Divs mit responsiver Breite nebeneinander

.card {
   padding: 15px;
   display: flex;
}
.main h1 {
}
.card h2 {
}
.card p {
}
.card a {
}
.card section {
   box-shadow: 1px 1px grey;
   padding-left: 5px;
   padding-right: 5px;
   border: 1px solid lightgrey;
   border-radius: 5px;
   margin: 5px;
}

<main>
   <h1>Über uns</h1>
   <article class="card">
      <section>
         <h2>Wer ist Einsatzfahrten Baden-Württemberg?</h2>
         <p>Einsatzfahrten Baden-Württemberg ist eine Instagram Seite, welche in Zusammenarbeit mit einigen ehrenamtlichen Reportern Bilder und Videos von Einsatzfahrzeuge, und auch deren Einsatzfahrten in Baden-Württemberg veröffentlicht.</p>
      </section>
      <section>
         <h2>Wie entstand Einsatzfahrten Baden-Württemberg</h2>
         <p>Einsatzfahrten Baden-Württemberg entsdand im Sebtember 2016 durch unseren Projektleiter und Gründer Max XXX. Nach und nach traten uns mehrere Reporter bei, welche uns seit daher regelmäßig mit Bild- und Videomaterial versorgen.</p>
      </section>
      <section>
         <h2>Wie kann man bei uns mitmachen?</h2>
         <p>Mitmachen kann man bei uns, in dem man sich über unser <a href="#">Bewerbungsformular</a> mit einer Aussagekräftigen Bewerbung und einem Beispielfoto bewirbt. Unsere Projektleiter werden sich diese dann anschauen und gemeinsam über eine Aufnahme in das Reporterteam entscheiden.</p>
      </section>
   </article>
</main>

<main>
   <article class="card">
      <h1>Über uns</h1>
      <div>
         <section>
            <h2>Was ist <i>Einsatzfahrten Baden-Württemberg</i>?</h2>
            <p><i>Einsatzfahrten Baden-Württemberg</i> ist eine Instagram&shy;seite, welche in Zusammenarbeit mit einigen ehren&shy;amtlichen Reportern Bilder und Videos von Einsatz&shy;fahrzeugen sowie deren Einsatzfahrten in Baden-Württemberg veröffentlicht.</p>
         </section>
         <section>
            <h2>Wie entstand <i>Einsatzfahrten Baden-Württemberg?</i></h2>
            <p><i>Einsatzfahrten Baden-Württemberg</i> entstand im September 2016 durch unseren Projektleiter und Gründer Max XXX. Nach und nach traten uns mehrere Reporter bei, welche uns seitdem regelmäßig mit Bild- und Video&shy;material versorgen.</p>
         </section>
         <section>
            <h2>Wie kann man bei uns mitmachen?</h2>
            <p>Mitmachen kann man bei uns, indem man sich über unser <a href="">Bewerbungs&shy;formular</a> mit einer aussage&shy;kräftigen Bewerbung und einem Beispielfoto bewirbt. Unsere Projektleiter werden sich diese dann anschauen und gemeinsam über eine Aufnahme in das Reporterteam entscheiden.</p>
         </section>
      </div>
   </article>
</main>

@media all {
   .card {
   }
   .card div {
   }
   .card h1 {
      padding: 10px 15px 10px 15px;
   }
   .card h2 {
   }
   .card p {
   }
   .card a {
      color: blue;
      text-decoration: underline dotted;
      outline: none;
   }
   .card a::after {
      content: " ➚";
   }
   .card section {
      box-shadow: 1px 1px grey;
      padding: 10px;
      border: 1px solid lightgrey;
      border-radius: 10px;
      margin: 10px;
   }
}
@media only screen and (min-width: 800px) {
   .card div {
      display: flex;
   }
}