“T’es pas cap !” n°4 (frères de taille)

Un petit défi d’intégration CSS m’a donné l’idée de ressusciter ce blog et d’en profiter pour relancer (au moins une fois) les défi que j’avais à l’époque nommé « T’es pas cap ! ».

J’ai retrouvé les archives des trois premiers « T’es pas cap ! » dans les limbes des Internet. Ceci est donc le numéro 4…

Ce nouveau petit “défi” d’intégrateur s’appelle « Frères de taille » et j’ai pensé qu’il pourrait être amusant de le partager pour voir comment chacun et chacune pourrait s’y prendre de son côté.

(Pour info, ce n’est pas juste pour vous piquer l’idée : j’ai trouvé une solution et je la partagerai bientôt).

Voici l’énoncé de ce 4e défi “T’es pas cap !” :

  1. le code HTML se limite à un élément parent et à ses deux (ou plus) enfants,
  2. les enfants sont disposés côte à côte
  3. la largeur des deux enfants est identique, elle correspond à la largeur de contenu de l’enfant qui en a le plus
  4. la densité de contenu doit pouvoir changer
  5. les enfants ne doivent pas déborder de leur parent (tester avec `border: 2px dotted pink;` sur le parent)
  6. pas d’image, pas de requête, pas de JavaScript

Voici le visuel attendu :

equal.png

Qu’en dites-vous ? 😉

Ne publiez pas vos propositions tout de suite, envoyez-les moi par e-mail à raphael(at)goetter.fr (de préférence via un lien vers Codepen ou jsFiddle) et je les dévoilerai dans quelques jours.

Amusez-vous bien !

Votre commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l’aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google

Vous commentez à l’aide de votre compte Google. Déconnexion /  Changer )

Image Twitter

Vous commentez à l’aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l’aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s