Responsive design
bearbeitet von@@Gunnar Bittersmann
> Bei breitem Bildschirm will man das Menü nicht nur horizontal darstellen, sondern initial aufgeklapt. „Menü“ und das Hamburger-Icon sollen dann nicht zu sehen sein.
>
> Bei der Realisierung mit `details` braucht man AFAIS etwas JavaScript
Da habe ich nicht weit genug gesehen. `content-visibility` heißt das Zauberwort:
```css
::details-content {
content-visibility: visible;
}
```
Look ma, no JavaScript: [Codepen](https://codepen.io/gunnarbittersmann/pen/xbEXmjQ)
🖖 Live long and prosper
{:@en}
--
*In our chants of “ICE out now”
Our city’s heart and soul persists
Through broken glass and bloody tears
On the streets of Minneapolis*{:@en}
— Bruce Springsteen, [Streets of Minneapolis](https://www.youtube.com/watch?v=GDaPdpwA4Iw){:@en}
Responsive design
bearbeitet von@@Gunnar Bittersmann
> @@Rolf B
>
> > Reichen diese Hinweise oder brauchst Du mehr How-To Infos?
>
> Vermutlich reichten sie nicht. Bei breitem Bildschirm will man das Menü nicht nur horizontal darstellen, sondern initial aufgeklapt. „Menü“ und das Hamburger-Icon sollen dann nicht zu sehen sein.
>
> Bei der Realisierung mit `details` braucht man AFAIS etwas JavaScript
Da habe ich nicht weit genug gesehen. `content-visibility` heißt das Zauberwort:
```css
::details-content {
content-visibility: visible;
}
```
Look ma, no JavaScript: [Codepen](https://codepen.io/gunnarbittersmann/pen/xbEXmjQ)
🖖 Live long and prosper
{:@en}
--
*In our chants of “ICE out now”
Our city’s heart and soul persists
Through broken glass and bloody tears
On the streets of Minneapolis*{:@en}
— Bruce Springsteen, [Streets of Minneapolis](https://www.youtube.com/watch?v=GDaPdpwA4Iw){:@en}