Salve a tutti,

mi stavo esercitando con una pagina web.
Mi sono reso conto che zoommando la pagina gli elementi convergono verso il centro e si sovrappongono l'uno con l'altro.
Ho provato a risolvere il tutto con z-index e position: relative; ma invece che stare l'uno al fianco dell'altro si posizionavano uno sotto l'altro.
In pratica quello che vorrei è che una volta che si avvicinano non si sovrappongono e magari utilizzare un collapse dato che gli elementi in questione sono un logo e il menu dropdown (elemento che si sovrappone al logo).
Ci tengo a precisare che sono un novellino.

Grazie a tutti coloro che risponderanno.

Saluti
_vince_