Servus! > Hallo zusammmen, > > aus Spaß habe ich angefangen bei Udemy HTML5/CSS zu lernen. Es läuft wirlich gut, allerding hätte ich zwei Themen gründsätzlich nicht verstanden und zwar die Gridtsystem und Mediaqueries. Könnte mir bitte jemand diese Themen veranschaulichen? [ Media queries](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Media_Queries) sind Bedingungen, die **vom Browser** abgefragt werden. Im Idealfall ist deine Webseite "Mobile first!" alles untereinander angeordnet. Mit Media queries kannst du (den Browser( überprüfen (lassen), ob der sichtbare Viewport **beim Benutzer der Webseite** breit genug ist, um Inhalte nebeneinander darstellen zu können. [Einstieg in Grid Layout](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid) Früher hatten WebDesigner versucht Boxen pixelgenau zu positionieren. Mit Grid kannst du das dem Browser überlassen. Lies das Tutorial und besonders das 5. Kapitel. Auf Englisch: * <https://css-tricks.com/thinking-in-behaviors-not-screen-sizes/> * <https://css-tricks.com/responsive-grid-magazine-layout-in-just-20-lines-of-css/> > > Vielen herzlichen Dank und bitte bleibt gesund! > > Ahmad Dardmanesh Herzliche Grüße Matthias Scharwies -- 25 Jahre SELFHTML → **[SELF-Treffen 05.-07. Juni 2020](https://forum.selfhtml.org/events/4)** in **Mannheim**

Servus! > Hallo zusammmen, > > aus Spaß habe ich angefangen bei Udemy HTML5/CSS zu lernen. Es läuft wirlich gut, allerding hätte ich zwei Themen gründsätzlich nicht verstanden und zwar die Gridtsystem und Mediaqueries. Könnte mir bitte jemand diese Themen veranschaulichen? [ Media queries](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Media_Queries) sind Bedingunen, die vom Browser abgefragt werden. Im Idealfall ist deine Webseite "Mobile first!" alles untereinander angeordnet. Mit Media queries kannst du (den Browser( überprüfen (lassen), ob der sichtbare Viewport **beim Benutzer der Webseite** breit genug ist, um Inhalte nebeneinander darstellen zu können. [Einstieg in Grid Layout](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid) Früher hatten WebDesigner versucht Boxen pixelgenau zu positionieren. Mit Grid kannst du das dem Browser überlassen. Lies das Tutorial und besonders das 5. Kapitel. Auf Englisch: * <https://css-tricks.com/thinking-in-behaviors-not-screen-sizes/> * <https://css-tricks.com/responsive-grid-magazine-layout-in-just-20-lines-of-css/> > > Vielen herzlichen Dank und bitte bleibt gesund! > > Ahmad Dardmanesh Herzliche Grüße Matthias Scharwies -- 25 Jahre SELFHTML → **[SELF-Treffen 05.-07. Juni 2020](https://forum.selfhtml.org/events/4)** in **Mannheim**

Servus! > Hallo zusammmen, > > aus Spaß habe ich angefangen bei Udemy HTML5/CSS zu lernen. Es läuft wirlich gut, allerding hätte ich zwei Themen gründsätzlich nicht verstanden und zwar die Gridtsystem und Mediaqueries. Könnte mir bitte jemand diese Themen veranschaulichen? [ Media queries](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Media_Queries) sind Bedingunen, die vom Browser abgefragt werden. Im Idealfall ist deine Webseite "Mobile first!" alles untereinander andeordnet. Mit Media queries kannst du (den Browser( überprüfen (lassen), ob der sichtbare Viewport **beim Benutzer der Webseite** breit genug ist, um Inhalte nebeneinander darstellen zu können. [Einstieg in Grid Layout](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid) Früher hatten WebDesigner versucht Boxen pixelgenau zu positionieren. Mit Grid kannst du das dem Browser überlassen. Lies das Tutorial und besonders das 5. Kapitel. Auf Englisch: * <https://css-tricks.com/thinking-in-behaviors-not-screen-sizes/> * <https://css-tricks.com/responsive-grid-magazine-layout-in-just-20-lines-of-css/> > > Vielen herzlichen Dank und bitte bleibt gesund! > > Ahmad Dardmanesh Herzliche Grüße Matthias Scharwies -- 25 Jahre SELFHTML → **[SELF-Treffen 05.-07. Juni 2020](https://forum.selfhtml.org/events/4)** in **Mannheim**

Servus! > Hallo zusammmen, > > aus Spaß habe ich angefangen bei Udemy HTML5/CSS zu lernen. Es läuft wirlich gut, allerding hätte ich zwei Themen gründsätzlich nicht verstanden und zwar die Gridtsystem und Mediaqueries. Könnte mir bitte jemand diese Themen veranschaulichen? [ Media queries](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Media_Queries) sind Bedingunen, die vom Browser abgefragt werden. Im Idealfall ist deine Webseite "Mobile first!" alles untereinander andeordnet. Mit Media queries kannst du (den Browser( überprüfen (lassen), ob der sichtbare Viewport **beim Benutzer der Webseite** breit genug ist, um Inhalte nebeneinander darstellen zu können. [Einstieg in Grid Layout](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid) Früher hatten WebDesigner versucht Boxen pixelgenau zu positionieren. Mit Grid kannst du das dem Browser überlassen. Lies das Tutorial und besonders das 5. Kapitel. Auf Englisch: * <https://css-tricks.com/thinking-in-behaviors-not-screen-sizes/> > > Vielen herzlichen Dank und bitte bleibt gesund! > > Ahmad Dardmanesh Herzliche Grüße Matthias Scharwies -- 25 Jahre SELFHTML → **[SELF-Treffen 05.-07. Juni 2020](https://forum.selfhtml.org/events/4)** in **Mannheim**