We all know that search engines react badly to hidden content on a page. We know that for providing different information to users and search engines you can get a ban. But it is in general. When it comes to details, I begin to doubt. Please recommend :)
Adaptive design. There are several titles on the page.
<h1>Primary Header</h1> <h2>Secondary header</h2> <h2>Secondary header</h2> ... <h2>Secondary header</h2> ...
Some of them are initially hidden (for example, the last h2 through display: none in CSS). But in different situations (depending on the width of the page, dpi device, etc.) display: none is replaced with display: block (media query) for some headers, and vice versa for others.
It turns out a blurry situation :) Is it adequate?