Benutzer: Jonar/common.css: Unterschied zwischen den Versionen
Aus Smart Places Network
Jonar (Diskussion | Beiträge) |
Jonar (Diskussion | Beiträge) |
||
Zeile 1: | Zeile 1: | ||
− | #product-gallery | + | #product-gallery .image { |
border: 1px solid #c8ccd1; | border: 1px solid #c8ccd1; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
Zeile 16: | Zeile 16: | ||
background-color: blue; | background-color: blue; | ||
height: 100%; | height: 100%; | ||
+ | width: 100%; | ||
+ | display: grid; | ||
+ | place-items: center center; | ||
} | } | ||
Version vom 8. Februar 2019, 20:38 Uhr
#product-gallery .image { border: 1px solid #c8ccd1; background-color: #f8f9fa; width: 155px; height: 155px; margin: 5px; padding: 14px; box-sizing: border-box; text-align: center; display: grid; place-items: center center; } #product-gallery .image { position: relative; background-color: blue; height: 100%; width: 100%; display: grid; place-items: center center; } #product-gallery .image::after { content: attr(title); position: absolute; left: 150px; top: 150px; min-width: 200px; background-color: red; padding: 4px; color: #000000; z-index: 1; }