A vegades pot fer falta centrar un element multimèdia al centre de la pantalla, i fer que aquest element es vegi sempre sencer en tots els dispositius. Per fer-ho, es pot utilitzar el fragment de codi adjunt.

<div class="container">
  <div class="vertical-center">
  </div>
</div>

<style>
.container { 
  height: 100vh;
  position: relative;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100vw;
}
</style>