HTML5 /Grid Layout

[Matthias Scharwies]

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 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

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