Responsives Design

idontknowhow · 02.12.2021

Hallo,
wir bauen für die Uni eine Website mit Grid und wollen, dass wenn diese auf dem Smartphone aufgerufen wird, eine Column nach unten abbricht, jedoch das ganze ohne Media Queries!! Kann uns da eventuell einer weiterhelfen?

scatello · 02.12.2021

idontknowhow schrieb:
das ganze ohne Media Queries

Warum?

idontknowhow · 02.12.2021

scatello schrieb:
Warum?

Ist leider eine Uniaufgabe, bei welcher uns explizit gesagt wurde, dass es ohne Media Queries gemacht werden soll

scatello · 02.12.2021

idontknowhow schrieb:
Ist leider eine Uniaufgabe

Dann solltet ihr das ja lernen, bidde schööön: https://www.w3schools.com/css/css_rwd_grid.asp

Sempervivum · 03.12.2021

Der Inhalt dieses Links auf w3schools ist alles andere als vorbildlich und ein typisches Negativbeispiel der Googelei nach Layoutfragen:

Enthält zwar den Begriff "Grid" in der Überschrift aber behandelt nicht das Gridlayout i. S. der modernen Layout-Technik.
Das Layout wird mit float realisiert.
box-sizing ist fast immer überflüssig wenn man mit Grid oder Flex arbeitet.
Statt Prozentangeben werden besser fr (bei Grid) oder flex (bei Flex) verwendet.

Zielführend ist z. B. diese Seite:
https://css-tricks.com/snippets/css/complete-guide-grid/

Deine Frage, @idontknowhow wird dort unter repeat und auto-fit beantwortet.