LearnLayout

Outilcss

Publié par le (20171 lectures)

positionnement

LearnLayout est un mini-site d'apprentissage dédié au positionnement en CSS.

Parfaitement adapté aux débutants (display, modèle de boîte, float, position, inline-block), le tutoriel n'exclut pas les intégrateurs chevronnés puisqu'il aborde des sujets avancés tels que clearfix, box-sizing, media queries, multicolonnes, flexbox et les frameworks CSS.

Commentaires

Amusant de voir un site dédié au positionnement CSS avoir un problème de... positionnement CSS. :D
-> Lorsqu'on rétrécie le viewport en largeur, les boutons "précédent" et "suivant" du tuto finissent par se chevaucher.
Ce qui est d'autant plus marrant, c'est que le problème apparaît pour la première fois en page 2, qui évoque... les display ! ^^

Solutions à ce problème :
- display inline : c'est moche mais ça fonctionne.
- display inline-block + overflow hidden : parfois contraignant mais ça fonctionne.