Verbesserung: blaue Couch: Unterschied zwischen den Versionen
Aus wiki.kometin.at
(Leere Seite erstellt) |
Keine Bearbeitungszusammenfassung |
||
| (66 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<html> | |||
<style> | |||
@media screen and (max-width: 25em) | |||
{ | |||
.center { | |||
margin-bottom: 2em; | |||
} | |||
.flex { | |||
flex-direction: column; | |||
} | |||
.change-img { | |||
height: 200px !important; | |||
} | |||
.beforeafterBlocks { | |||
min-height: 250px !important; | |||
} | |||
} | |||
.verbesserungs-body { | |||
} | |||
.verbesserungs-infos { | |||
margin: 1em 1em 0 1em; | |||
border: 1px solid black; | |||
padding: 0.5em; | |||
float: left; | |||
background-color: hsla(182,33%,97%,0.9) | |||
} | |||
.beforeafterBlocks img { | |||
height: 300px; | |||
object-fit:cover; | |||
} | |||
.flex { | |||
display:flex; | |||
} | |||
.beforeafterBlocks p { | |||
text-align: center; | |||
} | |||
.center { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | |||
.beforeafterBlocks { | |||
min-height: 400px; | |||
min-width: 50%; | |||
background-color: hsla(120,60%,70%,0.3); | |||
} | |||
#before { | |||
border-right: 2px solid black; | |||
} | |||
#after { | |||
} | |||
</style> | |||
<div class="flex"> | |||
<div id="before" class="beforeafterBlocks"> | |||
<p> | |||
vorher | |||
</p> | |||
<div class="center"> | |||
<img src="https://wiki.kometin.at/images/9/94/Raum.jpg" alt="Couch alt" class="change-img"> | |||
</div> | |||
</div> | |||
<div id="after" class="beforeafterBlocks" > | |||
<p> | |||
nachher | |||
</p> | |||
<div class="center"> | |||
<img src="https://wiki.kometin.at/images/c/c2/Couch_neu.jpeg" alt="Couch neu" class="change-img" > | |||
</div> | |||
</div> | |||
</div> | |||
<table class="verbesserungs-infos"> | |||
<tr> | |||
<td>Name der Verbesserung: </td> | |||
<td>Blaue Couch </td> | |||
</tr> | |||
<tr> | |||
<td>Ausführung durch </td> | |||
<td>Marcus </td> | |||
</tr> | |||
<tr> | |||
<td>am</td> | |||
<td>11.02.2024</td> | |||
</tr> | |||
<tr> | |||
<td>Kosten:</td> | |||
<td>360€</td> | |||
</tr> | |||
</table> | |||
<div class="verbesserungsbody"> | |||
<h3> | |||
Notizen: | |||
</h3> | |||
<p> | |||
</p> | |||
</div> | |||
</html> | |||
Aktuelle Version vom 27. Mai 2024, 12:19 Uhr
vorher
nachher
| Name der Verbesserung: | Blaue Couch |
| Ausführung durch | Marcus |
| am | 11.02.2024 |
| Kosten: | 360€ |
Notizen:
