1483 sujets

Web Mobile et responsive web design

Salut,
Comme tu as mis le texte dans figcaption, la souplesse d'une grille est perdue. Figcaption est plutôt fait pour les textes courts. Ce que je ferais, c'est mettre l'image dans une grille et le texte dans une autre. En responsive, ils vont s'étirer ensembles. Par contre, il faudra voir avec le ratio de l'image (largeur/hauteur).
D'autant plus qu'au-delà de 800 px, ton image n'est plus responsive, alors que ton texte l'est toujours.
Dans cette situation, ce serait peut-être mieux d'utiliser float-left (ou right), afin que le texte contourne l'image quand il est plus grand. Quand il est plus petit, ça gène moins.
Je propose, mais je n'ai pas testé, c'est un peu long à mettre en place.
En tous cas, question intéressante.
Merci de ta réponse.
J'avais commencé à utiliser un float,mais je n'aimais pas le résultat, d'où ma <figure>
Je peux bien entendu calculer l'ajustement par JS sur évènement resize, mais c'est un peu compliqué, je vais laisser comme ça.