Sjabloon:Artikelenlijst/styles.css: verschil tussen versies

Versie van 27 jun 2022 15:41

.artikelen {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    column-gap: 1em;
    row-gap: 1.5em;
}

.artikel-card .artikel-cover {
    width: 100%;
    height: 150px;
    border-radius: 3px;
    overflow: hidden;
}

.artikel-card .artikel-cover img {
    width: 100%;
    transition: transform .2s;
}

.artikel-card:hover .artikel-cover img {
    transform: scale(1.1);
}

.artikel-body {
    padding: 10px 2px 0 2px;
}

.artikel-body h3 {
    margin-top: 0px;
    font-size: 1.1em;
}

.artikel-card:hover h3 {
    color: #0645ad;
}

.artikel-body h3 a {
    color: black;
}

.artikel-body p {
    color: #54595d;
    margin: 0;
}

@@ Regel 11: / Regel 11: @@
      border-radius: 3px;
      overflow: hidden;
-    position: relative;
 }
@@ Regel 17: / Regel 16: @@
      width: 100%;
      transition: transform .2s;
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translateY(-50%) translateX(-50%);
 }
 .artikel-card:hover .artikel-cover img {
-     transform: scale(1.1) translateY(-50%) translateX(-50%);
+     transform: scale(1.1);
 }