fix(website): youtube embed component mobile sizing

MatthewStanciu commented 8 months ago

Please describe the changes this PR makes and why it should be merged:

The YouTube embed on the "Back in Block" blog post looks broken on mobile:

This is actually already fixed on the /ai page. This PR brings that fix over to this blog post.

It also uses the aspect-ratio CSS property, which is now supported in all major browsers.

Status

[x] Code changes have been tested against prettier, or there are no code changes
[x] I know how to update typings and have done so, or typings don't need updating

Semantic versioning classification:

[x] This PR changes the codebase
- [ ] This PR includes breaking changes (methods removed or renamed, parameters moved or removed)
- [x] This PR changes the internal workings with no modifications to the external API (bug fixes, performance improvements)
[ ] This PR only includes non-code changes, like changes to documentation, README, etc.

vercel[bot] commented 8 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
million-kitchen-sink	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 27, 2023 9:51pm
sink	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 27, 2023 9:51pm

CLAassistant commented 8 months ago

All committers have signed the CLA.

aidenybai commented 8 months ago

very epic matthew, thank you

aidenybai / million