Kontaktbild-Groesse begrenzt: max-width 220px, zentriert auf hellem Hintergrund
Made-with: Cursor
This commit is contained in:
12
index.html
12
index.html
@@ -377,13 +377,13 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
|
||||
|
||||
<h3 class="table-title">Kontaktarten im Vergleich</h3>
|
||||
<div class="grid-2">
|
||||
<figure class="figure">
|
||||
<img loading="lazy" src="federkontakt.png" alt="Federkontakt beim Relais">
|
||||
<figcaption class="figcap">Federkontakt beim Relais</figcaption>
|
||||
<figure class="figure" style="text-align:center;background:#f8faff;border:1px solid var(--border);border-radius:12px;padding:1.25rem">
|
||||
<img loading="lazy" src="federkontakt.png" alt="Federkontakt beim Relais" style="max-width:220px;width:100%;height:auto;margin:0 auto">
|
||||
<figcaption class="figcap" style="margin-top:.75rem">Federkontakt beim Relais</figcaption>
|
||||
</figure>
|
||||
<figure class="figure">
|
||||
<img loading="lazy" src="schaltkontakt.png" alt="Schaltkontakt beim Schütz">
|
||||
<figcaption class="figcap">Schaltkontakt beim Schütz</figcaption>
|
||||
<figure class="figure" style="text-align:center;background:#f8faff;border:1px solid var(--border);border-radius:12px;padding:1.25rem">
|
||||
<img loading="lazy" src="schaltkontakt.png" alt="Schaltkontakt beim Schütz" style="max-width:220px;width:100%;height:auto;margin:0 auto">
|
||||
<figcaption class="figcap" style="margin-top:.75rem">Schaltkontakt beim Schütz</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user