menüpositionierung im Header

    Zitat

    ich glaubte, wenn ich dem .content ein flex: 1; gebe und der navi eine feste breite, dann nimmt der content automatisch den Rest zu 300px ein:-(

    Da liegst Du auch vollkommen richtig. Du hattest jedoch dem .content ein flex-grow:1 statt einfach flex:1 gegeben, das war der Grund, dass es nicht funktioniert. Wie oben geschrieben, fehlen dann flex-shrink und flex-basis. Ich vermute mal, dass der Defaultwert für flex-shrink 0 ist, d. h. der Container zieht sich nicht zusammen.

    Du kannst der navi auch einfach ein "flex-shrink: 0" geben.

    Du kannst auch bei "content" einfach "width:100%" anstatt "flex-grow" nutzen, klappt auch.


    Dein Code ist etwas überfüllt. Du brauchst viele Klassen garnicht. Und da wo es sinvoll ist, würde ich keine Klasse, sondern eine ID nutzen. Erst recht keine Klasse, die ich dann mehrmals nutze, obwohl die vom CSS überhaupt nicht gleich genutzt werden.

    Auch würde ich so Tags wie "nav" und "aside" verwenden.

    Und Text bitte nicht einfach so ins div packen. Dann schon lieber strukturiert in p-Tags.

    Und im Footer eine h1? Also ich persöhnlich find das nicht so passend.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden