Multi Youtube

Easy to use. Easy to save. Easy to share.

~~Hard to debug.~~

Wondering how to use it? View our guide here!

Full Grid

.viewers.display { display: grid; grid-template-columns: 1fr 1fr 1fr; }

Large

.viewers.display { display: grid; grid-template-columns: 1fr 1fr 1fr; } .viewers.display .viewer:nth-child(1) { grid-column-start: 1; grid-column-end: 3; } .viewers.display .viewer:nth-child(2) { grid-column-start: 3; grid-column-end: 4; }

Large (reversed)

.viewers.display { display: grid; grid-template-columns: 1fr 1fr 1fr; } .viewers.display .viewer:nth-child(2) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; } .viewers.display .viewer:nth-child(1) { grid-column-start: 3; grid-column-end: 4; }

Custom