kosovafan
Erfahrenes Mitglied
Hallo,
ich würde gerne erreichen das die Buttons, naja class="btn" im Prinzip ist es ein Link immer am unteren Rand mit gleichen Padding ausgerichtet wird. Ich habe im Internet gesucht, aber die Lösungen funktionieren alle samt nicht. Ich hatte es auch mit Position absolute etc probiert. Wäre super wüsste hier jemand Rat.
Im Moment sieht es wie im Bild aus, macht jetzt optisch nicht viel her. Wäre super könnte man eine Lösung finden.
Gruß
Silvio
ich würde gerne erreichen das die Buttons, naja class="btn" im Prinzip ist es ein Link immer am unteren Rand mit gleichen Padding ausgerichtet wird. Ich habe im Internet gesucht, aber die Lösungen funktionieren alle samt nicht. Ich hatte es auch mit Position absolute etc probiert. Wäre super wüsste hier jemand Rat.
CSS:
.cards {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: $color-black;
}
.cards article {
background-color: $color-silver;
flex-basis: 30em;
flex-grow: 1;
margin: 0 1em 1.5em 1em;
position: relative;
figure {
padding: 0;
margin: 0;
overflow: hidden;
img {
opacity: 1;
width: 100%;
padding: 0;
margin: 0;
}
}
header {
padding: .75em;
margin: 0;
h2 {
font-weight: bold;
padding: 0;
margin: 0;
}
}
.card-content {
padding: .75em;
p {
margin: 0 0 (1.5em / 2);
}
}
footer {
padding: .75em;
}
&:focus,
&:hover {
cursor: pointer;
img {
opacity: 0.7;
}
}
}
Im Moment sieht es wie im Bild aus, macht jetzt optisch nicht viel her. Wäre super könnte man eine Lösung finden.
Gruß
Silvio