Design Rework Part 1

[natackx]

Ich habe mich mal daran gesetzt das Design etwas zu überarbeiten. Dabei habe ich bisher keine Funktionalität verändert. Ich bin Änderungsvorschlägen (Farben, Abstände, ... ) sehr offen gegenüber. :)

[foin137]

Hallo!

Erstmal vielen Dank für deinen Beitrag!

Sehr coole Sache, dass du den Code so weit überarbeitet hast! Es ist auf jeden Fall sehr sinnvoll, die Elemente so zu gruppieren. Leider ist meine eigene css-Erfahrung (wie du wohl bemerkt hast) eher beschränkt ;)

Das einzige, was mir jetzt beim Drüberschauen spontan aufgefallen wäre, ist, dass das "gameboard" aufgrund des "auto"-margins sich immer an die Breite der Inhalte anpasst. Damit ändert es halt laufend seine Breite (siehe z.B. Screenshot). Für mich persönlich war das ein bisschen ungewohnt, aber vielleicht ist es auch nur Gewöhnungssache. Würde mich aber interessieren, wie du das siehst?

Vielleicht wäre, um es zu beruhigen, eine fixe Breite - dann wohl je nach Fensterbreite - sinnvoll? Das wäre mein spontaner Vorschlag, wie siehst du das?

[natackx]

Danke für dein Feedback. Das war auch noch etwas, was ich anpassen wollte. Nun sollte das gameboard immer 1000px breit sein (außer auf kleiner Displays, dort dann die ganze Breite [100vw]). Es gibt jetzt auch eine minimale Höhe. Wenn mehr Platz benötigt wird, erhöht sich die Höhe aber noch immer.