YouTubeのiframeのサイズ調整CSS

/* YouTube */
/*親*/
.youtube {
    position: relative;
    padding-bottom: 50%;
    height: 150px;
    overflow: hidden;
    margin-bottom: 20px;
    margin: 0 7px;
    border-radius: 10px;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

関連記事紹介

APICE AI WORKFORCE

position:stickyを使ってテーブルの1行目を固定する【css】 | APICE AI WORKFORCE デザイナーのオッコです。 表が長くなると、見出しを固定したくなることがありますね。 今日はそんなときに使える、position:stickyを使った処理をご紹介したいと思います...

APICE AI WORKFORCE

scroll-hintで横長の表の操作性を改善する | APICE AI WORKFORCE デザイナーのオッコです。 どうしても横長のコンテンツをスマホで表示しなければならないときってありますよね。 でもぱっと見て「横スクロールができる」とユーザーに分か...