freeCodeCamp/add-a-negative-margin-to-an-element.spanish.md at 0e263c6a9c86fa3771d0f439afb51a22d3b03a89

Files

S.Hale 3920b7c4ce Corrected capitalization, corrected to American spellings and typos (#30685 )

* Translate challenge subtitles and example challenge text to Spanish

* Corrected errors in syntax and punctuation

* Multiple corrections of it/s to its plus other grammar corrections

* Correction and added paragraph to CSS Flex article

* Corrected my own typo

* Corrected capitalization, American spellings and typos

2018-11-07 10:34:13 -05:00

1.9 KiB

Raw Blame History

id, title, challengeType, guideUrl, videoUrl, localeTitle

id	title	challengeType	guideUrl	videoUrl	localeTitle
bad87fee1348bd9aedf08823	Add a Negative Margin to an Element	0	https://spanish.freecodecamp.org/guide/certificates/add-a-negative-margin-to-an-element		Agregar un margen negativo a un elemento

Descripción

El margin es una propiedad que controla la cantidad de espacio entre el border de un elemento y los elementos circundantes. Si establece el margin en un valor negativo, el elemento aumentará de tamaño.

Instrucciones

Intente establecer el margin en un valor negativo como el del cuadro rojo. Cambie el margin del cuadro azul a -15px , para que llene todo el ancho horizontal del cuadro amarillo que lo rodea.

Pruebas

tests:
  - text: Tu clase de <code>blue-box</code> debe dar elementos <code>-15px</code> de <code>margin</code> .
    testString: 'assert($(".blue-box").css("margin-top") === "-15px", "Your <code>blue-box</code> class should give elements <code>-15px</code> of <code>margin</code>.");'

Challenge Seed

<style>
  .injected-text {
    margin-bottom: -25px;
    text-align: center;
  }

  .box {
    border-style: solid;
    border-color: black;
    border-width: 5px;
    text-align: center;
  }

  .yellow-box {
    background-color: yellow;
    padding: 10px;
  }

  .red-box {
    background-color: crimson;
    color: #fff;
    padding: 20px;
    margin: -15px;
  }

  .blue-box {
    background-color: blue;
    color: #fff;
    padding: 20px;
    margin: 20px;
  }
</style>

<div class="box yellow-box">
  <h5 class="box red-box">padding</h5>
  <h5 class="box blue-box">padding</h5>
</div>

Solución

// solution required

1.9 KiB Raw Blame History