fp.

The article mentions targeting both `<picture>` and `<img>` elements, but that is redundant - just target `<img>`s. `<picture>` has to have one `<img>` node anyway.

bryanhogan•2h ago

Thanks for this! Gonna update the post.

byhemechi•1h ago

I personally always use

  picture {
    display: contents;
  }

so that flexbox behaves in a way you would expect.

Brajeshwar•2h ago

Writing CSS for Markdown is Writing CSS for the standard HTML elements. This is where those Classless CSS works pretty well. Pick the one you like and then add your own. That should keep the CSS file size low enough to be negligible and sometime even embed in your HTML.

- <https://classless.de>

- <https://github.com/dbohdan/classless-css>

webprofusion•1h ago

I think I probably used this one https://github.com/sindresorhus/github-markdown-css