Blogunuza bir video eklediğinizde, Blogger bunu sabit bir genişlik ve yükseklikle kodunuza yerleştirir. Bu durum masaüstünde sorun çıkarmazken, telefon ekranlarında videonun yarısının ekranın dışında kalmasına neden olur. Benim gibi sık YouTube videosu paylaşıyorsanız bu sıkıntı. İşte bu sorunu kökten çözen, her ekrana uyumlu CSS kodu:

.separator:has(iframe){
position:relative;
padding-bottom:56.25%; 
overflow:hidden; 
border-radius:5px;
} 
.separator iframe{
position:absolute;
width:100%;
height:100%;
left:0;
right:0; 
}                                           

Bu kodu temanıza eklerken bir sorun yaşarsanız söylemeniz yeterli, birlikte kontrol edelim!