Как растянуть контейнер на всю ширину css

Есть несколько способов как сделать так, чтобы нужный блок занимал всю ширину видимой части браузера(viewport), или родительского блока. Если необходимо чтобы элемент занял всю ширину родительского элемента (который в свою очередь может быть задан в px или rem), то нужно просто указать:

.example {
  width: 100%;
}

Если необходимо что бы элемент занимал всю ширину видимой части браузера, то необходимо выставить:

.example {
  width: 100vw;
  /* И по аналогии с высотой, если требуется */
  height: 100vh;
}