BEM Explanaition

BEM Explanaition.html

<div class="modal"> <!-- "Bloque. es el nombre del componente. se usa esta sintaxis: tu-vieja -->
  <div class="modal__title"> <!-- Elemento. es una parte de las que compone al blouqe. usas bloque__elemento" -->
    Esto es el titulo del modal
  </div>
  <div class="modal__footer"> <!-- Otro element. es el fotter que tiene los botones -->
       <div class="button">Cancelar</div> <!-- dentro podes usar "minicomponentes" genéricos. aca quedaría medio choto usar "modal__button" porque todos los buttons son iguales en el sitio -->
       <div class="button--primary">ACEPTAR</div> <!-- modificator. Es una variación del bloque/elemento origuinal. En este caso es el mismo estilo del botón, solo que, pongámosle, es de color azul o rojo mientras que el botón común es blanco" -->
  </div>
</div>