Pousser vers le bas un élément pour ajustement !
Bonjour,
j'expose mon souci:
voici le code
Code:
1 2 3 4 5 6 7 8 9
|
<article class="card">
<figure class="card-img"><img src="image.jpg" alt="une image"></figure>
<div class="card-text-content">
<h3 class="card-title">Lorem ipsum dolor sit amet, consetetur sadipscing elitr</h3>
<p class="card-text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</div>
<p class="follow">Voir plus <img src="img/follow-arrow.svg" alt="" aria-hidden="true"></p>
</article> |
si j'ai plusieurs articles comme au-dessus dans une section (qui est en display: flex)
lorsque tous mes paragraphes "card-text" sont de la même longueur, tous les boutons "follow" des articles sont alignés en bas !
Jusque là tout va bien!
Mais si dans un article, un paragraphe de texte est plus court que les autres, le paragraphe "voir plus" va remonter et je voudrais que tous mes articles conservent la même hauteur sans leur donner de hauteur !!! le paragraphe voir plus doit s'aligner avec l'article le plus long.
Je ne sais pas si la section en flex aide ? On peut la mettre en grid si ça aide plus, mais je n'ai aucune idée de comment résoudre mon problème
et que ce soit automatique: pousser vers le bas mon paragraphe "voir plus" .
Ce n'est pas un problème grave , mais ça fait moche sur une page !!