CSS Uzmanları, İki Divi Yan Yana Getirme

<style type="text/css">
.twitch-container {
  position: relative;
  overflow: hidden;
  width: 50%;
  padding-top: 56.25%;
}
    .twitch-container2 {
  position: relative;
  overflow: hidden;
  width: 50%;
  padding-top: 56.25%;
}
    
.twitch-responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
    
</style>
<div id="twitch-cont">
    <div class="twitch-container"><iframe class="twitch-responsive-iframe" src="https://player.twitch.tv/?channel=kanal&parent=.com"></iframe></div>
<div class="twitch-container2"><iframe class="twitch-responsive-iframe" src="https://www.twitch.tv/embed/kanal/chat?parent=.com">
    </iframe></div>
</div>

Amacım responsive olarak hem twitch hem de twitch chatini embed etmek. Yardımcı olur musunuz?

İkisini aynı div e alın örneğin classı second olsun second ın css koduna display:flex yazın yan yana gelir

Olmadı hocam, bütün sayfa kaydı embed için widget kullanıyorum.

#twitch-cont  {
     display: flex;
     align-items: center
}

Dener misin ;



<style type="text/css">
.twitch-wrapper {
display: flex;
}

.twitch-container, .twitch-container2 {
position: relative;
overflow: hidden;
width: 50%;
padding-top: 56.25%;

flex-shrink: 0;
}

.twitch-responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
</style>
<div class="twitch-wrapper">
<div class="twitch-container">
<iframe class="twitch-responsive-iframe" src="https://player.twitch.tv/?channel=kanal&parent=.com"></iframe>
</div>
<div class="twitch-container2">
<iframe class="twitch-responsive-iframe" src="https://www.twitch.tv/embed/kanal/chat?parent=.com"></iframe>
</div>
</div>

https://chat.openai.com/ kodunuzu atıp ne istediğinizi yazarsanız size burdan daha fazla yardımı olacaktır.