Vocabulario de Desarrollo web · CSS y maquetación

¿Qué significa layout?

Significado en Desarrollo web, traducción al español y ejemplos

/ˈleɪaʊt/sustantivoTérmino básico

layout: disposición, maquetación

Forma en que se organizan los elementos de una página: posición de columnas, menús, imágenes y texto, y cómo cambian al variar la pantalla.

Cómo se usa

Se crean, corrigen y prueban disposiciones; se dice que se rompen, se desplazan o desbordan. Los métodos principales de CSS son flexbox, grid y posicionamiento.

Frases de ejemplo

  1. The layout breaks on screens narrower than 360 pixels.

    La maquetación se rompe en pantallas de menos de 360 píxeles de ancho.

    El diseño no se adapta correctamente por debajo de ese ancho.

  2. We'll use a two-column layout on desktop and a single column on mobile.

    Usaremos dos columnas en escritorio y una sola en móvil.

    La estructura cambia según el espacio disponible en cada tipo de pantalla.

Combinaciones frecuentes

  • page layout
  • two-column layout
  • the layout breaks
  • layout shift
  • fix the layout

Esta palabra en otras especialidades

Una misma palabra en inglés puede tener un significado diferente según la especialidad:

Más términos: CSS y maquetación

Practica con lecturas adaptadas a tu nivel

Leer textos de tu nivel te ayuda a recordar las palabras nuevas. Elige libros gratuitos en inglés: