Incomplete recipe for css-cookbook/media-objects--download

[jpggithub]

In https://github.com/mdn/css-examples/blob/main/css-cookbook/media-objects--download.html, I think the following line must be added in the .media-flip rule:

display: grid;

The same line is already part of the .media rule.

Without that modification, the recipe does not work correctly.

[dipikabh]

Thank you @jpggithub for taking the time to report this.

While the code is working correctly, adding display: grid; to .media-flip makes it more self-contained. I've added this improvement to both media-objects.html and media-objects--download.html in #212.

FYI - in the time since this issue was filed, all of CSS Layout Cookbook examples have been migrated as inline code into content (see mdn/content#36754). For media objects, please check the now inline code at The recipe.

Note that the team will be looking into archiving the cookbook examples in this repository since they're no longer used on MDN pages.

[jpggithub]

Thanks for all!