Wenn Du flexible Produktbeschreibungen erstellen möchtest, dann empfehlen wir Dir auf Tabellen zurückzugreifen. Tabellen haben den Vorteil, dass sie Spalten und Zeilen nutzen können, die man mit CSS flexibel anordnen kann. Wir haben bereits einige Tabellen-Vorlagen erstellt, die Du gerne in Deinen Produktbeschreibungen nutzen und entsprechend anpassen kannst.
Inhaltsverzeichnis
Tabellen mit einer Zeile
1 Zeile mit 3 Spalten die sich auf mobilen Geräten untereinander anordnen
<style>
.custom-table {
border-collapse: collapse;
width: 100%;
}
.custom-table th, .custom-table td {
border: 1px solid black;
padding: 10px;
text-align: center;
}
@media screen and (max-width: 600px) {
/* CSS für mobile Endgeräte */
.custom-table th, .custom-table td {
display: block;
width: 100%;
}
}
</style>
<table class="custom-table">
<tr>
<td>Spalte 1</td>
<td>Spalte 2</td>
<td>Spalte 3</td>
</tr>
</table>