> Hallo > > > ~~~css,bad > > @media (width <= 60em) { > > .only-in-small-viewports { display: none; } > > } > > @media (width > 60em) { > > .not-in-small-viewports { display: none; } > > } > > ~~~ (@2024-08-19:„bad“: *„aber CSS Conditionals Level 5 sind **noch nicht** so weit.“*) > > Man erkläre mir den Unterschied zwischen `display: none;`{: .language-css} und `display: none;`{: .language-css}. Das geht doch viel einfacher, ganz ohne Media-Queries, mit `display: none;`{: .language-css}. 😉 Ja. Das addressiert quasi das Problem mit meinen Kastensätzen, bei deren Wahrnehmumg schnell mal was verloren geht. Das Gehemnis ist liegt in den schnll zu übersehenden `.only-in-small-viewports` vers. `.not-in-small-viewports`, genauer des Teils **„only“** und **„not“**. Per default sind ja alle Elemente, also auch die der genannten Klassen sichtbar und je nach Viewport sollen solche Elemente der jeweils anderen, adressierten Klassen unsichtbar gemacht werden.

> Hallo > > > ~~~css,bad > > @media (width <= 60em) { > > .only-in-small-viewports { display: none; } > > } > > @media (width > 60em) { > > .not-in-small-viewports { display: none; } > > } > > ~~~ (@2024-08-19:„bad“: *„aber CSS Conditionals Level 5 sind **noch nicht** so weit.“*) > > Man erkläre mir den Unterschied zwischen `display: none;`{: .language-css} und `display: none;`{: .language-css}. Das geht doch viel einfacher, ganz ohne Media-Queries, mit `display: none;`{: .language-css}. 😉 Ja. Das addressiert quasi das Problem mit meinen Kastensätzen, bei deren Wahrnehmumg schnell mal was verloren geht. Das Gehemnis ist liegt in den schnll zu übersehenden `.only-in-small-viewports` vers. `.not-in-small-viewports`, genauer des Teils **„only“** und **„not“**. Per default sind ja alle Elemente, also auch die der genannten Klassen sichtbar und je nach Viewport sollen solche Elemente der jeweils adressierten Klassen unsichtbar gemacht werden.

> Hallo > > > ~~~css,bad > > @media (width <= 60em) { > > .only-in-small-viewports { display: none; } > > } > > @media (width > 60em) { > > .not-in-small-viewports { display: none; } > > } > > ~~~ (@2024-08-19:„Bad“: „aber CSS Conditionals Level 5 sind noch nicht so weit.“) > > Man erkläre mir den Unterschied zwischen `display: none;`{: .language-css} und `display: none;`{: .language-css}. Das geht doch viel einfacher, ganz ohne Media-Queries, mit `display: none;`{: .language-css}. 😉 Ja. Das addressiert quasi das Problem mit meinen Kastensätzen, bei deren Wahrnehmumg schnell mal was verloren geht. Das Gehemnis ist liegt in den schnll zu übersehenden `.only-in-small-viewports` vers. `.not-in-small-viewports`, genauer des Teils **„only“** und **„not“**. Per default sind ja alle Elemente, also auch die der genannten Klassen sichtbar und je nach Viewport sollen solche Elemente der jeweils adressierten Klassen unsichtbar gemacht werden.

> Hallo > > > ~~~css,bad > > @media (width <= 60em) { > > .only-in-small-viewports { display: none; } > > } > > @media (width > 60em) { > > .not-in-small-viewports { display: none; } > > } > > ~~~ (@2024-08-19:„Bad“: „aber CSS Conditionals Level 5 sind noch nicht so weit.“) > > Man erkläre mir den Unterschied zwischen `display: none;`{: .language-css} und `display: none;`{: .language-css}. Das geht doch viel einfacher, ganz ohne Media-Queries, mit `display: none;`{: .language-css}. 😉 Ja. Das addressiert quasi das Problem mit meinen Kastensätzen, bei deren Wahrnehmumg schnell mal was verloren geht. Das Gehemnis ist liegt in `.only-in-small-viewports` vers. `.not-in-small-viewports`, genauer des Teils **„only“** und **„not“**. Per default sind ja alle Elemente, also auch die der genannten Klassen sichtbar und je nach Viewport sollen solche Elemente der jeweils adressierten Klassen unsichtbar gemacht werden.

> Hallo > > > ~~~css,bad > > @media (width <= 60em) { > > .only-in-small-viewports { display: none; } > > } > > @media (width > 60em) { > > .not-in-small-viewports { display: none; } > > } > > ~~~ („Bad“ weil: „aber CSS Conditionals Level 5 sind noch nicht so weit.“) > > Man erkläre mir den Unterschied zwischen `display: none;`{: .language-css} und `display: none;`{: .language-css}. Das geht doch viel einfacher, ganz ohne Media-Queries, mit `display: none;`{: .language-css}. 😉 Ja. Das addressiert quasi das Problem mit meinen Kastensätzen, bei deren Wahrnehmumg schnell mal was verloren geht. Das Gehemnis ist liegt in `.only-in-small-viewports` vers. `.not-in-small-viewports`, genauer des Teils **„only“** und **„not“**. Per default sind ja alle Elemente, also auch die der genannten Klassen sichtbar und je nach Viewport sollen solche Elemente der jeweils adressierten Klassen unsichtbar gemacht werden.

> Hallo > > > ~~~css > > @media (width <= 60em) { > > .only-in-small-viewports { display: none; } > > } > > @media (width > 60em) { > > .not-in-small-viewports { display: none; } > > } > > ~~~ > > Man erkläre mir den Unterschied zwischen `display: none;`{: .language-css} und `display: none;`{: .language-css}. Das geht doch viel einfacher, ganz ohne Media-Queries, mit `display: none;`{: .language-css}. 😉 Ja. Das addressiert quasi das Problem mit meinen Kastensätzen, bei deren Wahrnehmumg schnell mal was verloren geht. Das Gehemnis ist liegt in `.only-in-small-viewports` vers. `.not-in-small-viewports`, genauer des Teils **„only“** und **„not“**. Per default sind ja alle Elemente, also auch die der genannten Klassen sichtbar und je nach Viewport sollen solche Elemente der jeweils adressierten Klassen unsichtbar gemacht werden.