Cómo voltear el diseño de cuadrícula para cambiar el aspecto del bloque

Use el elemento de cuadrícula para hacer que los modos de respuesta sean fáciles. En las pantallas más pequeñas, las celdas de la cuadrícula se mueven una debajo de otra automáticamente.

Los elementos de la cuadrícula son muy útiles para crear modos receptivos, ya que en las pantallas más pequeñas, las celdas de la cuadrícula se mueven automáticamente una debajo de la otra. Además, para muchos diseños, puede cambiar el orden de las celdas de la cuadrícula en todas las vistas móviles. Elija el elemento de cuadrícula, cambie el modo de respuesta en la barra superior, ajuste su cuadrícula, si es necesario. Para la mayoría de las cuadrículas, no es necesario realizar ajustes.

Obtenga la más amplia variedad de diseños de cuadrícula para su diseño web. Grid Elements te ayuda a hacer que tus diseños sean compatibles con dispositivos móviles de forma automática.

Puede cambiar fácilmente el ancho de la cuadrícula de encuadrado a ancho y viceversa. Seleccione una Cuadrícula, luego vaya al Panel de propiedades. Ubique el ícono Boxed/Wide cerca de los valores de Width y Height, y cambie el diseño de viga haciendo clic en ese ícono.

Puede cambiar el diseño de la Cuadrícula agregada a un Bloque en cualquier momento. Seleccione el Elemento de cuadrícula, luego vaya al Panel de propiedades. Haga clic en la flecha para abrir la Lista de ajustes preestablecidos de cuadrícula y seleccione el diseño que mejor se adapte a su idea de diseño web. También puede agregar y eliminar celdas de cuadrícula en el Editor.

Las Cuadrículas permiten organizar varios contenidos, incluyendo imágenes, íconos, formas y texto en forma de celdas, que son muy convenientes de operar. En nuestro editor visual, puede mover fácilmente celdas en una cuadrícula simplemente arrastrando una celda sobre otra, perfeccionando su diseño y contenido para su diseño web. Además, puede hacer clic en los iconos de flecha en la herramienta de contexto de la celda para mover la celda.

Slider Animation es una reacción muy popular en Hover. Puede agregar varios efectos para las celdas de la cuadrícula, por ejemplo, Fundido, Superposición, Deslizar, Voltear, Tambalearse y Zoom. Seleccione una celda de cuadrícula, luego vaya al Panel de propiedades. Haga clic en el enlace de la diapositiva flotante y, a continuación, elija el efecto que desea ver en el cursor flotante de la celda de la cuadrícula.

Una celda del elemento Grid puede tener un fondo, y puede usar varios tipos para él. Puede aplicar Relleno de color, Degradado, Imagen, Video o no tener ningún Fondo. Seleccione una celda de cuadrícula y vaya al Panel de propiedades. Elija un tipo de fondo que mejor se adapte a su diseño web.

Puede cambiar el espacio entre las celdas de la cuadrícula según sus requisitos de diseño web. Para eso, puede usar la propiedad Cell Gap en el panel de propiedades. Seleccione una Cuadrícula, luego vaya al Panel de propiedades, desplácese hacia abajo en el Panel, arrastre el Control deslizante para modificar el Espacio.

Si necesita crear diseños elegantes para sus imágenes, formas y textos, puede cambiar el tamaño de las celdas de cuadrícula con varios anchos para darle a sus diseños un aspecto moderno.