Verbesserung: blaue Couch: Unterschied zwischen den Versionen
Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (39 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 { | .beforeafterBlocks img { | ||
| Zeile 17: | Zeile 48: | ||
.beforeafterBlocks p { | .beforeafterBlocks p { | ||
text-align: center; | text-align: center; | ||
display: flex; | |||
} | |||
.center { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | } | ||
| Zeile 26: | Zeile 61: | ||
min-width: 50%; | min-width: 50%; | ||
background-color: hsla(120,60%,70%,0.3); | background-color: hsla(120,60%,70%,0.3); | ||
} | } | ||
| Zeile 35: | Zeile 71: | ||
#after { | #after { | ||
} | } | ||
| Zeile 42: | Zeile 78: | ||
<div class="flex"> | <div class="flex"> | ||
<div id="before" class="beforeafterBlocks"> | <div id="before" class="beforeafterBlocks"> | ||
<p> | <p> | ||
vorher | vorher | ||
</p> | </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> | ||
</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:
