css-quiz-padding-percentage.md

👋🏼 Welcome 👋🏼

Instagram | Twitter | LinkedIn

👅 Choose your language

• English
• Spanish

🚀 English version

Consider the following code:

CSS	HTML

What is the size of the baby element ?

  A. width: 200px; height: 100px;
  B. width: 200px; height: 200px;
  C. width: 100px; height: 100px;

👀 Click here to see the correct answer and explanation

Correct Answer	Explanation
B 🎉	Margin and Padding in percentages are calculated by the width of the parent element.

Explanation based on 👉🏼 Oh Hey, Padding Percentage is Based on the Parent Element’s Width

🚀 Spanish version

Considera el siguiente código:

CSS	HTML

¿ Cuál es el tamaño del elemento baby ?

  A. width: 200px; height: 100px;
  B. width: 200px; height: 200px;
  C. width: 100px; height: 100px;

👀 Haz click aquí para ver la respuesta correcta y su explicación

Respuesta correcta	Explicación
B 🎉	El margin y el padding en porcentajes se calculan por el width del elemento padre.

Explicación basada en 👉🏼 Oh Hey, Padding Percentage is Based on the Parent Element’s Width

Nunca usé el padding Las 100%, pero supongo que la opción correcta es A, ya que tomaría el 100% de su contenedor padre

Uhh en esta fallé, no tenia idea que % en el padding tomaba como referencia el Width padre