Skip to content

Instantly share code, notes, and snippets.

@teffcode
Created May 3, 2020 21:57
Show Gist options
  • Save teffcode/249ec6c7eba26de461612477e7211fc4 to your computer and use it in GitHub Desktop.
Save teffcode/249ec6c7eba26de461612477e7211fc4 to your computer and use it in GitHub Desktop.

👋🏼 Welcome 👋🏼

Quiz banner

Instagram | Twitter | LinkedIn


👅 Choose your language



🚀 English version


Consider the following code:

HTML CSS

What would you see in the browser ?

A B C D

👀 Click here to see the correct answer and explanation
Correct Answer: B Explanation
grid-column and grid-row are the shorthand for grid-column-start + grid-column-end, and grid-row-start + grid-row-end, respectively. These properties determine a grid item’s location within the grid by referring to specific grid lines. Adicionally, span is the item will span across the provided number of grid tracks.



🚀 Spanish version


Considera el siguiente código:

HTML CSS

¿Qué verías en el navegador?

A B C D

👀 Haz click aquí para ver la respuesta correcta y su explicación
Respuesta correcta: B Explicación
grid-column y grid-row son la abreviatura de grid-column-start + grid-column-end, y grid-row-start + grid-row-end, respectivamente. Estas propiedades determinan la ubicación de un elemento dentro de la cuadrícula haciendo referencia a líneas de cuadrícula específicas (Es decir que se cuentan las líneas de la cuadrícula para ubicar el elemento y no las columnas o filas como tal). Adicionalmente, span nos indica el número de "cuadritos" que debe ocupar el elemento dentro de la cuadrícula.



@cquiladiaz
Copy link

Es la B.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment