Verbesserung: blaue Couch: Unterschied zwischen den Versionen
Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (62 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 3: | Zeile 3: | ||
<html> | <html> | ||
<style> | <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 { | .flex { | ||
display:flex; | display:flex; | ||
} | |||
.beforeafterBlocks p { | |||
text-align: center; | |||
} | |||
.center { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | } | ||
.beforeafterBlocks { | .beforeafterBlocks { | ||
min-height: | min-height: 400px; | ||
background-color: | min-width: 50%; | ||
background-color: hsla(120,60%,70%,0.3); | |||
} | } | ||
#before { | #before { | ||
border-right: 2px solid black; | |||
} | } | ||
| Zeile 24: | Zeile 78: | ||
<div class="flex"> | <div class="flex"> | ||
<div id="before" class="beforeafterBlocks" | <div id="before" class="beforeafterBlocks"> | ||
</div> | <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" > | <div id="after" class="beforeafterBlocks" > | ||
<p> | <p> | ||
nachher | nachher | ||
</p> | </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> | ||
</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> | </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:
