sandbox

Bloque de prueba número uno

Esta página nació nomás para probar cómo se acomodan los bloques dentro de un layout — nada de contenido real, puro relleno con intención. Si la estás viendo en el Editor Visual, pasa el mouse sobre este párrafo: debería salirte el contorno punteado verde y los dos íconos de siempre, Texto y Fondo, listos para que les cambies el color sin tocar una sola línea de código.

Un texto de prueba sirve mejor entre más se parezca a algo real — por eso este bloque trae título, dos párrafos, y hasta una lista, para que la columna se vea como se vería un bloque de verdad en producción, y no como un renglón huérfano flotando solo en medio de la pantalla:

• Primer punto de prueba, nomás para ver cómo se ve una lista dentro del bloque.
• Segundo punto, un poco más largo que el anterior, para confirmar que el ancho del renglón se comporta bien cuando el texto es más extenso de lo normal.
• Tercer punto, cerrando la lista.

Bloque de prueba número dos

El segundo bloque es idéntico en espíritu al primero — nomás para confirmar que dos tarjetas seguidas se comportan bien, que el separador (si le metes uno entre los dos) las corta limpio, y que el arrastrar y soltar no se enreda cuando hay más de un bloque en la misma columna. Si algo se ve raro aquí, mejor que se vea raro en esta página de prueba y no en el sitio de un cliente.

Con dos bloques de tamaño parecido, uno debajo del otro, ya se puede juzgar de verdad cómo se ve el espaciado entre tarjetas, si el fondo de cada una contrasta bien con el de la página, y si el texto se lee cómodo al ancho real de la columna donde vayan a vivir — cosas que con un solo párrafo suelto no se alcanzan a notar.