x/website/_content/blog: images and embedded YouTube content in pkgsite-redesign.article renders poorly on mobile

[davecheney]

The recent blog post on pkg.go.dev renders poorly on mobile browsers.

[cagedmantis]

/cc @dmitshur

[dmitshur]

It looks like that particular blog post inlines some markup that isn't mobile-friendly.

For example, removing the hardcoded "height" attribute from <img> tags helps images scale gracefully as the viewport width becomes narrower than the original image size. Something similar needs to be done for the <iframe> that embeds the youtube video.

Perhaps some older blog posts can be used as reference. For example, https://blog.golang.org/go.dev embeds images in a mobile-friendly way. I didn't find blog posts that embed YouTube videos in a mobile-friendly way though (e.g., https://blog.golang.org/why-generics, https://blog.golang.org/fosdem14, https://blog.golang.org/go1-path, all have a similar problem at narrow widths).

CC @julieqiu.

[gopherbot]

Change https://golang.org/cl/270804 mentions this issue: content: fix images on mobile for pkgsite-redesign.article

[gopherbot]

Change https://go.dev/cl/677815 mentions this issue: _content/blog: fix video embed overflows on mobile