HTML / CSS / JavaScript

Diseño de página y responsive

Cuadrículas, columnas, vista maestro-detalle y diseño de página adaptable a distintos tamaños.

85casos de categoría
Se muestran 85 casos
0007Diseño de página y responsive

Cuadrícula de tarjetas adaptable

Usa CSS Grid para crear tarjetas temáticas de viaje que se reordenan automáticamente.

HTMLCSSGridTarjeta
Abrir y ejecutar
0027Diseño de página y responsive

Diseño de cuadrícula tipo bento para crónicas arquitectónicas

Completa un diseño de cuadrícula tipo bento en el escenario del diario de arquitectura: incluye contenido real, controles interactivos, estado claro y diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
0043Diseño de página y responsive

Diseño narrativo en pantalla dividida para diario de arquitectura

Completa un diseño narrativo de pantalla dividida para escenarios de revistas de arquitectura: incluye contenido real, controles operables, comentarios de estado claros y diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño narrativo a dos columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0059Diseño de página y responsive

Distribución clásica de tres columnas para publicaciones

Completa un diseño clásico de tres columnas para el escenario de una revista de arquitectura: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptado a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0075Diseño de página y responsive

Panel exterior del dashboard de arquitectura de la revista de arquitectura

Completa la carcasa del panel en el escenario de crónica de arquitectura: incluye contenido real, controles interactivos, una retroalimentación clara del estado y un diseño que se adapta a distintos tamaños.

Diseño de página y responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0091Diseño de página y responsive

Malla editorial de la revista de arquitectura

Completa una cuadrícula editorial de revista en un escenario de diario de arquitectura: incluye contenido real, controles interactivos, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar
0107Diseño de página y responsive

Diseño responsive en cascada para la revista de arquitectura

Completa un diseño de cuadrícula tipo masonry responsivo en un contexto de diario de arquitectura: incluye contenido real, controles interactivos, estados claros y un diseño que se adapte a distintos tamaños.

Diseño de página y responsiveDiseño de cascada adaptableHTMLCSSJavaScript
Abrir y ejecutar
0123Diseño de página y responsive

Diseño de barra lateral fija para la arquitectura de la crónica

Completa un diseño con barra lateral adhesiva en el contexto de un diario de arquitectura: incluye contenido real, controles accionables, una respuesta de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de barra lateral fijaHTMLCSS GridResponsive Design
Abrir y ejecutar
0139Diseño de página y responsive

Diseño a todo ancho de una revista de arquitectura

Completa un diseño de sangrado completo en el contexto de una revista de arquitectura: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0155Diseño de página y responsive

Galería adaptable de crónicas de arquitectura

Completa la galería adaptativa en el escenario del diario de arquitectura: incluye contenido real, controles interactivos, comentarios de estado claros y diseño adaptable a distintos tamaños.

Diseño de página y responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
0171Diseño de página y responsive

Diseño de contenido maestro-detalle del registro arquitectónico

Completa un diseño de contenido principal y secundario en un escenario de diario de arquitectura: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsivediseño de contenido principal/secundarioHTMLCSSJavaScript
Abrir y ejecutar
0187Diseño de página y responsive

Diseño de cuadrícula tipo bento para el portal de la comunidad

En el escenario del portal comunitario, completa un diseño de cuadrícula tipo bento: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
0203Diseño de página y responsive

Diseño narrativo de dos paneles para el portal comunitario

Completa un diseño narrativo de pantalla dividida en el escenario de portal comunitario: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño narrativo a dos columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0219Diseño de página y responsive

Diseño clásico de tres columnas para el portal comunitario

Completa un diseño clásico de tres columnas para un portal comunitario: contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0235Diseño de página y responsive

Cubierta del panel de control del portal comunitario

En el escenario de un portal comunitario, completa la estructura del panel: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Diseño de página y responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0251Diseño de página y responsive

Malla editorial de revista para portal comunitario

Completa una cuadrícula editorial de revista en un escenario de portal comunitario: incluye contenido realista, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar
0267Diseño de página y responsive

Diseño de cuadrícula fluida para el portal comunitario

En el contexto del portal de la comunidad, completa un diseño de cascada adaptable: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintas pantallas.

Diseño de página y responsiveDiseño de cascada adaptableHTMLCSSJavaScript
Abrir y ejecutar
0283Diseño de página y responsive

Diseño de barra lateral fija del portal comunitario

Completa un diseño de barra lateral fija para un portal comunitario: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de barra lateral fijaHTMLCSS GridResponsive Design
Abrir y ejecutar
0299Diseño de página y responsive

Portal comunitario con diseño a ancho completo e intercalado

Completa un diseño de ancho completo en un contexto de portal comunitario: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0315Diseño de página y responsive

Galería adaptable del portal comunitario

Completa una galería adaptable en el contexto de un portal comunitario: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
0331Diseño de página y responsive

Diseño de contenido maestro-detalle para el portal comunitario

En un portal comunitario, completa un diseño maestro-detalle: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsivediseño de contenido principal/secundarioHTMLCSSJavaScript
Abrir y ejecutar
0347Diseño de página y responsive

Diseño de cuadrícula bento para historia visual

Completa un diseño de cuadrícula tipo bento en una escena de narrativa visual: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
0362Diseño de página y responsive

Diseño narrativo a doble columna para historias visuales

Completa el diseño narrativo en pantalla dividida en el contexto de una historia visual: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño narrativo a dos columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0377Diseño de página y responsive

Maquetación clásica de tres columnas para relatos visuales

Completa un diseño clásico de tres columnas en el escenario de una historia visual: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0392Diseño de página y responsive

Carcasa del panel de control de historias visuales

Completa el contenedor del panel en el contexto de una historia visual: incluye contenido real, controles interactivos, comentarios de estado claros y diseño adaptable a distintos tamaños.

Diseño de página y responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0407Diseño de página y responsive

Cuadrícula editorial de historias visuales

Completa una cuadrícula editorial en el entorno de relato visual: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar
0420Diseño de página y responsive

Diseño de cuadrícula de mampostería responsive para relatos visuales

Completa un diseño de cuadrícula responsive de tipo masonry en un escenario de historia visual: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cascada adaptableHTMLCSSJavaScript
Abrir y ejecutar
0433Diseño de página y responsive

Diseño con barra lateral fija para reportaje fotográfico

Completa un diseño de barra lateral fija en un relato fotográfico: incluye contenido realista, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de barra lateral fijaHTMLCSS GridResponsive Design
Abrir y ejecutar
0446Diseño de página y responsive

Diseño de galería panorámica con historia visual

Completa una disposición a todo ancho con superposición en un entorno de narrativa visual: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0458Diseño de página y responsive

Galería adaptable de historias visuales

Completa una galería adaptable en un contexto de relato visual: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable entre tamaños.

Diseño de página y responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
0468Diseño de página y responsive

Diseño maestro-detalle con contenido de historias visuales

Completa un diseño de contenido principal y secundario en un contexto de narrativa visual: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsivediseño de contenido principal/secundarioHTMLCSSJavaScript
Abrir y ejecutar
0477Diseño de página y responsive

Diseño de cuadrícula tipo bento para notas de investigación

Completa un diseño de cuadrícula tipo bento para un escenario de notas de investigación: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
0485Diseño de página y responsive

Diseño narrativo de panel dividido para notas de investigación

Completa una narrativa de diseño en pantalla dividida para escenarios de notas de investigación: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño narrativo a dos columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0492Diseño de página y responsive

Diseño clásico de tres columnas para notas de investigación

Completa el diseño clásico de tres columnas en un escenario de notas de investigación: incluye contenido realista, controles interactivos, feedback de estado claro y una disposición adaptable a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0497Diseño de página y responsive

Panel de investigación de la pizarra del cuadro de mandos

Completa la carcasa del panel en un contexto de notas de investigación: incluye contenido real, controles accionables, feedback claro de estado y una disposición adaptable a distintos tamaños.

Diseño de página y responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0501Diseño de página y responsive

Cuadrícula editorial de notas de investigación

Completa una cuadrícula editorial de revista en un contexto de notas de investigación: incluye contenido real, controles interactivos, retroalimentación clara de estado y una distribución adaptable a varios tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar
0505Diseño de página y responsive

Notas de investigación de diseño de mosaico responsivo

Crea un diseño responsive de cascada para el escenario de notas de investigación: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cascada adaptableHTMLCSSJavaScript
Abrir y ejecutar
0509Diseño de página y responsive

Diseño de barra lateral fija para notas de investigación

Completa un diseño de barra lateral fija en un escenario de notas de investigación: incluye contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de barra lateral fijaHTMLCSS GridResponsive Design
Abrir y ejecutar
0513Diseño de página y responsive

Diseño de ancho completo con inserciones para notas de investigación

Completa un diseño de ancho completo en un escenario de notas de investigación: contiene contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0515Diseño de página y responsive

galería adaptable de notas de investigación

Completa una galería adaptativa en el contexto de notas de investigación: incluye contenido real, controles operables, feedback de estado claro y un diseño adaptable a varios tamaños.

Diseño de página y responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
0517Diseño de página y responsive

Diseño maestro-detalle de notas de investigación

Completa un diseño de contenido principal y detalle para un escenario de notas de investigación: incluye contenido realista, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsivediseño de contenido principal/secundarioHTMLCSSJavaScript
Abrir y ejecutar
0519Diseño de página y responsive

Diseño de cuadrícula tipo bento para documentación de producto

Completa un diseño de cuadrícula estilo bento en el escenario de documentación de producto: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
0520Diseño de página y responsive

Diseño narrativo en pantalla dividida para documentación de producto

Completa un diseño narrativo en pantalla dividida en un escenario de documentación de producto: incluye contenido realista, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño narrativo a dos columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0528Diseño de página y responsive

Galería adaptable de lecturas de archivo

Completa una galería adaptable en un escenario de lectura de archivo: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
0544Diseño de página y responsive

panel de control del archivo de audio

En el contexto del archivo de audio, crea una carcasa de panel: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0553Diseño de página y responsive

Cuadrícula editorial de revista del centro de cuidados

Completa una cuadrícula editorial de revista en un escenario de centro de cuidados: incluye contenido real, controles accionables, comentarios de estado claros y una distribución adaptable a distintos tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar
0569Diseño de página y responsive

Diseño de ancho completo con inserciones del diario de cuidados

Completa un diseño de ancho completo e intercalado en el contexto de un diario de cuidados: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0578Diseño de página y responsive

Distribución clásica de tres columnas para atlas de archivo

Completa un diseño clásico de tres columnas en un escenario de atlas de archivo: incluye contenido real, controles interactivos, una clara retroalimentación de estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0594Diseño de página y responsive

Diseño de mosaico responsivo del briefing de archivo

Completa un diseño responsive de tipo masonry en el contexto de una sesión informativa de archivo: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cascada adaptableHTMLCSSJavaScript
Abrir y ejecutar
0603Diseño de página y responsive

Diseño principal-detalle del manual de archivo

Completa un diseño de contenido principal y secundario en un escenario de manual de archivo: incluye contenido realista, controles interactivos, estado claro y un diseño adaptable a distintos tamaños.

Diseño de página y responsivediseño de contenido principal/secundarioHTMLCSSJavaScript
Abrir y ejecutar
0619Diseño de página y responsive

Diseño de barra lateral fija para la edición especial de archivos

Completa una disposición de barra lateral fija en un escenario de especial de archivo: incluye contenido real, controles accionables, comentarios de estado claros y diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de barra lateral fijaHTMLCSS GridResponsive Design
Abrir y ejecutar
0628Diseño de página y responsive

Galería adaptable de guía de archivo

Completa una galería adaptable en el escenario de la guía de archivo: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
0644Diseño de página y responsive

Diseño de cuadrícula tipo bento para exhibición de archivo

En una escena de exposición de archivo, completa un diseño de cuadrícula tipo bento: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
0653Diseño de página y responsive

Panel de escritorio con archivo y cuaderno

Completa la carcasa del panel de control en el escenario de cuaderno de archivo: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Diseño de página y responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0669Diseño de página y responsive

Grid editorial de página de repaso de archivo

Completa una cuadrícula editorial de revista en un escenario de página de repaso de archivo: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar
0678Diseño de página y responsive

Diseño a ancho completo e intercalado del atlas de cuidados

Completa un diseño de ancho completo con intercalados en el escenario de Atlas de cuidados: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0694Diseño de página y responsive

Diseño clásico de tres columnas para informes de cuidados

Completa un diseño clásico de tres columnas en un escenario de briefing de cuidados: incluye contenido real, controles interactivos, una clara retroalimentación de estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0703Diseño de página y responsive

Diseño responsive de cuadrícula tipo mosaico para la guía de cuidados

Completa un diseño responsive tipo mosaico en el contexto de un manual de cuidados: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cascada adaptableHTMLCSSJavaScript
Abrir y ejecutar
0719Diseño de página y responsive

Diseño maestro-detalle de una edición de cuidados

Completa una distribución de contenido principal y detalle en el escenario de la revista de cuidados: incluye contenido real, controles accionables, una retroalimentación de estado clara y una distribución adaptable a distintos tamaños.

Diseño de página y responsivediseño de contenido principal/secundarioHTMLCSSJavaScript
Abrir y ejecutar
0728Diseño de página y responsive

Narrativa de diseño en pantalla dividida para guía de cuidados

Completa una narrativa en diseño de pantalla dividida en un contexto de guía de cuidados: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño narrativo a dos columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0744Diseño de página y responsive

Diseño de barra lateral adhesiva para exposición de cuidados

En un escenario de exposición de cuidados, completa un diseño de barra lateral fija: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de barra lateral fijaHTMLCSS GridResponsive Design
Abrir y ejecutar
0753Diseño de página y responsive

Galería adaptable de cuaderno de cuidados

En el contexto de un cuaderno de cuidados, completa una galería adaptable: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
0769Diseño de página y responsive

Diseño de cuadrícula tipo bento para la página de revisión de cuidados

En el escenario de la página de repaso de cuidados, completa el diseño de cuadrícula tipo bento: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
0778Diseño de página y responsive

Carcasa de panel de clase atlas

Completa el envoltorio del panel de control en el escenario del atlas de clase: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0794Diseño de página y responsive

Retícula editorial para revista de briefing de clase

Completa una cuadrícula editorial de revista en un briefing de clase: contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar
0803Diseño de página y responsive

Diseño a sangre completa para manual de clase

Completa una composición a ancho completo en el contexto de una guía de clase: incluye contenido real, controles accionables, retroalimentación clara de estado y una composición adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0819Diseño de página y responsive

Diseño clásico de tres columnas de la edición escolar

Completa un diseño clásico de tres columnas en un escenario de edición especial para clase: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0828Diseño de página y responsive

Guía de aula de diseño de cuadrícula responsive tipo masonry

En un escenario de guía de clase, completa un diseño responsivo tipo mosaico: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cascada adaptableHTMLCSSJavaScript
Abrir y ejecutar
0844Diseño de página y responsive

Diseño de contenido maestro-detalle para exposición en el aula

Completa un diseño de contenido principal y secundario en un contexto de exposición en el aula: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsivediseño de contenido principal/secundarioHTMLCSSJavaScript
Abrir y ejecutar
0853Diseño de página y responsive

Diseño narrativo en pantalla dividida de la guía del curso

Completa un diseño narrativo en pantalla dividida en un escenario de guía del curso: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño narrativo a dos columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0869Diseño de página y responsive

Diseño de barra lateral fija para cuaderno de clase

Completa un diseño de barra lateral fija en un escenario de cuaderno de clase: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de barra lateral fijaHTMLCSS GridResponsive Design
Abrir y ejecutar
0878Diseño de página y responsive

Galería adaptable de la página de repaso de clase

Completa una galería responsiva en el contexto de una página de repaso de clase: incluye contenido real, controles utilizables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
0894Diseño de página y responsive

Diseño en cuadrícula tipo bento para folleto de clínica ambulatoria

Completa un diseño de cuadrícula tipo bento para un escenario de folleto de clínica ambulatoria: incluye contenido real, controles interactivos, estados claros y una disposición adaptada a distintos tamaños.

Diseño de página y responsiveDiseño de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
0903Diseño de página y responsive

Shell de panel de control de resumen de eventos

Completa la carcasa del panel en un contexto de repaso de eventos: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Diseño de página y responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0919Diseño de página y responsive

Grid editorial de la revista Atlas de campo

En el escenario de atlas de campo, completa la cuadrícula editorial de la revista: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar
0928Diseño de página y responsive

Diseño a toda anchura para informe de campo

Completa un diseño de ancho completo en un contexto de informe de campo: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0944Diseño de página y responsive

Diseño clásico de tres columnas para la flota

Completa un diseño clásico de tres columnas para un contexto de manual de flota: incluye contenido real, controles operativos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0953Diseño de página y responsive

Diseño responsive en cascada de atlas de jardín

Complete en el contexto de un atlas de jardín una maquetación tipo mosaico responsiva: incluye contenido real, controles interactivos, una retroalimentación de estado clara y una maquetación adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cascada adaptableHTMLCSSJavaScript
Abrir y ejecutar
0969Diseño de página y responsive

Diseño adaptable de contenido maestro-detalle para el briefing del jardín

Completa un diseño de contenido principal y secundario en el escenario de la breve presentación del jardín: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsivediseño de contenido principal/secundarioHTMLCSSJavaScript
Abrir y ejecutar
0978Diseño de página y responsive

Diseño narrativo en dos paneles para el manual del jardín

Completa un diseño narrativo a pantalla dividida en una escena de folleto de jardín: con contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño narrativo a dos columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0994Diseño de página y responsive

Diseño de barra lateral fija del Diario del Invernadero

Completa un diseño de barra lateral fija en el escenario del diario de invernadero: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de barra lateral fijaHTMLCSS GridResponsive Design
Abrir y ejecutar
1003Diseño de página y responsive

Galería adaptable del especial de jardín

Consigue una galería adaptable en un escenario de número especial de jardín: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.

Diseño de página y responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
1019Diseño de página y responsive

Diseño de cuadrícula bento de guía del jardín

Completa un diseño de cuadrícula tipo bento en un escenario de guía de jardín: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
1028Diseño de página y responsive

Panel de control de exposición del jardín

Completa una carcasa de panel en un escenario de exposición de jardín: incluye contenido real, controles interactivos, indicaciones de estado claras y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
1044Diseño de página y responsive

Cuadrícula editorial de revista de cuaderno de jardín

Completa una cuadrícula editorial de revista en un escenario de cuaderno de jardín: contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar