Ensanche

Diseña una rejilla CSS por áreas y copia su código

Pintas las zonas sobre las celdas, estiras las líneas entre pistas y cambias fr, px o auto con un clic: grid-template-areas sale listo y el CSS que copias es el mismo que se aplica a la vista previa. Un área que no es rectangular se rechaza con un temblor y su explicación, y el teléfono guarda su propia disposición con su @media.