¿Qué es BOXFLOW? En las tres semanas anteriores viste el modelo de caja, sus unidades, el display, el float y el position, uno por uno. Acá vas a usar esos mismos conceptos, combinados, para armar cuatro diseños reales que aparecen todo el tiempo en páginas de verdad: una tarjeta de producto, una etiqueta flotando sobre una esquina, un texto que rodea una imagen, y un encabezado que se queda pegado arriba al scrollear. Esta práctica es guiada: en cada paso te decimos, en palabras, qué tenés que lograr — nunca te damos el código de la solución. Vos escribís el CSS real, con selectores reales, y lo ves aplicado al instante.
Descripción breve del producto que estás vendiendo.
Texto largo que debería fluir alrededor de la imagen, como en un artículo de blog o revista clásica, en vez de aparecer apilado debajo de ella. A medida que el párrafo continúa, las líneas deberían acomodarse junto a la imagen mientras haya lugar, y recién ocupar todo el ancho una vez que la imagen termina.