Esto es un resumen. El artículo completo, con los ejemplos, está publicado en el blog de Lean Mind: Tips de CSS que podrían ayudarte.
Todavía hay quien sufre maquetando, así que en este artículo comparto 3 formas de hacer columnas en CSS, con flex, con grid y con CSS «a la antigua», y tres consejos para mejorar:
- Existe más de una forma de hacer las cosas: un círculo con una imagen dentro se puede resolver con
background, con un wrapper yoverflow: hidden, o conobject-fit. - Practica en tu tiempo libre: la solución fácil no siempre sirve. Basta con que pidan un texto dentro de la imagen para necesitar otra.
- Analiza webs y aplicaciones móviles: mirar una página, como el Twitter de entonces, y pensar cómo se construiría antes de abrir su código fuente.
Lo primero que hago cuando veo algo interesante es pensar cómo se podría hacer; después intento implementarlo o busco cómo se hace.
