Colores Atributos

Este es el mock up para la sección de la selección de horario dónde se muestran los colores que tendrán cada atributo

by Benjamín Xolotl Torres Luna

HTML

Modalidad: <span class='box' style=' display: inline-block; height: 20px;width: 20px;background-color: #c6dbae'>  </span> Presencial
<span class='box'  style=' display: inline-block; height: 20px;width: 20px;background-color: #fed463'>    </span>  Hibrido
<span class='box'  style=' display: inline-block; height: 20px;width: 20px;background-color: #dde6ef'>    </span>  Remoto

CSS

.box {
  height: 20px;
  width: 20px;
  border: 0;
  display: inline-block;
  line-height: 30px;
  text-align: center;
}