Tabelle responsiv oder andere Lösung

[Lorraine]

Hallo Matthias,

Danke für deine Antwort.😀

Den Artikel zum Thema Flex-box habe ich mir angeschaut, allerdings verstehe ich noch nicht so ganz an welcher Stelle ich den Quellcode einfügen kann.

So sieht das aus, wenn ich mir den Quelltext von dem vorhandenen Inhalt anzeigen lasse:

<div class="card">

<div class="card-header">Grundschule Eggerm&uuml;hlen Sanierung</div>
<div class="card-body">

<table style="width: 100%; border-collapse: collapse;" border="0">

<tbody>

<tr>

<td style="width: 28.62%;">

<a style="background-color: transparent; box-sizing: border-box; color: #337ab7; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;" href="https://www.bersenbrueck.de/magazin/artikel.php?menuid=2619&amp;topmenu=2619&amp;artikel=7778/" target="_blank" rel="noopener"><img src="index.php?rex_media_type=tinymcewysiwyg&amp;rex_media_file=grundschule_eggermuehlen.jpg" width="200" /></a></td>

<td style="width: 71.32%;">

<p style="box-sizing: border-box; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; margin: 0px 0px 10px 0px;"><strong style="box-sizing: border-box; font-weight: bold;">Projekt:</strong> <span style="background-color: #ffffff; box-sizing: border-box; color: #333333; cursor: text; display: inline; float: none; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">Bauleitung HKLS</span></p>

<p style="box-sizing: border-box; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; margin: 0px 0px 10px 0px;"><strong style="box-sizing: border-box; font-weight: bold;">Projektleitung:</strong> Lorraine Str&ouml;ing</p>

<p style="box-sizing: border-box; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; margin: 0px 0px 10px 0px;"><strong style="box-sizing: border-box; font-weight: bold;">Projektzeitraum:</strong> 2020</p>

</td>

</tr>

</tbody>

</table>

</div>

<div class="card-body">

<a href="https://www.bersenbrueck.de/magazin/artikel.php?menuid=2619&amp;topmenu=2619&amp;artikel=7778" target="_blank" rel="noopener">https://www.bersenbrueck.de/</a></div>

</div>

<p>&nbsp;</p>

Ich kann hier die Schriftgröße anpassen, Rahmen erstellen usw., das klappt alles super, aber an welcher Stelle füge ich diese flex-box ein?

Viele Grüße