Ich weis nicht ob ich hier richtig bin oder ob ihr mir bei so etwas auch Helfen könnt 
aber ich Versuche es mal 
Ich habe in css leider noch nicht so viel Erfahrung hat jemand eine Hilfreiche Idee damit beide gleich Groß sind 
HTML
<div class="vypex-stream"><iframe height="300" width="400" src="https://player.twitch.tv/?channel=vypex" frameborder="0" allowfullscreen></iframe></div>CSS
.vypex-stream {
position: relative;
padding-bottom: 50%; /* ratio 16x9 */
height: 0;
overflow: hidden;
width: 100%;
height: auto;
margin-top: 15px;
}
.vypex-stream iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ratio 4x3 */
.vypex-stream.ratio4x3 {
padding-bottom: 75%;
}Das Problem ist wenn ich 2 Stück nebeneinander Setze ist einer etwas unterschiedlich hoch immer:
[Blockierte Grafik: http://image.prntscr.com/image/a88b737794d9415dafbbfef404feb95e.png]
