diff --git a/frontend/src/components/common/WalkthroughContent/index.module.css b/frontend/src/components/common/WalkthroughContent/index.module.css index 4506bcff..591076ec 100644 --- a/frontend/src/components/common/WalkthroughContent/index.module.css +++ b/frontend/src/components/common/WalkthroughContent/index.module.css @@ -6,8 +6,3 @@ -webkit-box-orient: vertical; margin-bottom: 0.5rem; } - -.embedWrapper { - --video-embed-width: 100%; - --video-embed-aspect-ratio: 16 / 9; -} diff --git a/frontend/src/components/common/WalkthroughsList/WalkthroughsListItem/index.module.css b/frontend/src/components/common/WalkthroughsList/WalkthroughsListItem/index.module.css index e1594576..fbf1d33a 100644 --- a/frontend/src/components/common/WalkthroughsList/WalkthroughsListItem/index.module.css +++ b/frontend/src/components/common/WalkthroughsList/WalkthroughsListItem/index.module.css @@ -3,9 +3,6 @@ flex-direction: column; margin-bottom: 1rem; background: var(--box-content-bg-color); - - --video-embed-width: 100%; - --video-embed-aspect-ratio: 16 / 9; } .content { diff --git a/frontend/src/components/common/YoutubeEmbed/index.module.css b/frontend/src/components/common/YoutubeEmbed/index.module.css index 7c0cac39..b0c44495 100644 --- a/frontend/src/components/common/YoutubeEmbed/index.module.css +++ b/frontend/src/components/common/YoutubeEmbed/index.module.css @@ -1,5 +1,5 @@ .embed { - width: var(--video-embed-width, 640px); + width: var(--video-embed-width, 100%); max-width: 100%; aspect-ratio: var(--video-embed-aspect-ratio, 16 / 9); border: 0;