Widget:Teaser: Unterschied zwischen den Versionen
Aus MediaWiki
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 5: | Zeile 5: | ||
justify-content: space-between; | justify-content: space-between; | ||
gap: 20px; | gap: 20px; | ||
flex-wrap: wrap; | |||
} | } | ||
| Zeile 31: | Zeile 32: | ||
font-size: 0.9em; | font-size: 0.9em; | ||
color: #666; | color: #666; | ||
} | |||
/* Media Query für mobile Geräte */ | |||
@media (max-width: 768px) { | |||
.tile { | |||
width: 100%; /* Kacheln werden untereinander angezeigt */ | |||
margin-bottom: 20px; /* Abstand zwischen den Kacheln */ | |||
} | |||
} | } | ||
</style> | </style> | ||
| Zeile 36: | Zeile 45: | ||
<div class="tiles-container"> | <div class="tiles-container"> | ||
<div class="tile"> | <div class="tile"> | ||
<img src=" | <img src="https://example.com/image1.jpg" alt="Bild 1"> | ||
<h3> | <h3>Überschrift 1</h3> | ||
<p>Kurze Beschreibung für die erste Kachel. Dies ist ein kurzer Text, der etwas erklärt.</p> | <p>Kurze Beschreibung für die erste Kachel. Dies ist ein kurzer Text, der etwas erklärt.</p> | ||
</div> | </div> | ||
