Alignements de bloc de différentes tailles / Affichage aléatoire

Bonjour

Je travailles actuellement sur un site internet où je dois, en page d'accueil afficher différents encarts, de tailles différentes (3 formats définis), en les alignant parfaitement.

Difficile à comprendre comme ça, donc voici ce que je dois réaliser concrètement :

https://www.mytravelchic.com/

Ma structure avec les encart est faite en HTML/CSS, hors mes encarts vont être appelés dans une base de données, il faut donc que j'arrive à automatiser l'affichage pour que la structure reste la même. Je cherches depuis quelques jours comment faire cela mais je bloque un peu.

Quelqu'un aurait déjà rencontrer ce problème ? Si oui, pourriez vous m'aider ?

Merci pour toutes vos réponses (éventuelles)

Hello,

Regarde les framework css qui ont un système de grille (+- tous).
Quelques noms : Bootstrap, Foundation, Knacss, Rocssti, Skeleton, ...

Bonjour

Merci pour ta réponse ! En fait j'ai déjà coder mon template en grille comme sur un framework css.

Mon problème réside plutôt dans l'affichage et la sélection de tel ou tel format lorsque je fais mes appels dans la base de données.

Mais je vais regarder si les framework peuvent gérer l'emplacement selon la taille de l'encart... merci.

Bonjour,

Vous pourrez faire ce que vous voulez avec des grilles en flexbox, comme celle-ci, mais cela ne fonctionnera qu'avec les navigateurs récents.