Buongiorno, sto provando a creare un sito web usando bulma e flexbox ma ho un problema: voglio fare un'intestazione come l'immagine che allego. In parole povere, voglio che quando l'utente visualizza il sito da desktop sia come la prima immagine e quando l'utente usa il cellulare le ultime 3 icone (utente, lista dei desideri e carrello) siano nascoste nell'intestazione e vadano in fondo alla pagina.https://i.stack.imgur.com/MQGhx.pngHo problemi a fare la prima parte in visualizzazione desktop; Vorrei che il logo, la barra di ricerca e le icone siano come la prima immagine e utilizzino tutto lo spazio come nell'immagine ma il logo, la barra di ricerca e le icone nel mio progetto vengono visualizzati appiccicati e senza spazio tra loro.Il secondo problema è con le ultime icone che voglio spostare in basso nella visualizzazione mobile.

Vi allego anche il codice :
https://codepen.io/hemp4ever/pen/abZZyRO

Grazie in anticipo

Mi sono legato per creare un sito web usando bulma e flexbox ma ho un problema: voglio fare un'intestazione come l'immagine che allego. In parole povere, voglio che quando l'utente usa l'intestazione del desktop sia come la prima immagine e quando l'utente usa il cellulare le ultime 3 icone (utente, lista dei desideri e carrello) siano nascoste nell'intestazione e vadano in fondo alla pagina.ImmagineHo problemi a fare la prima parte in visualizzazione desktop; Voglio che il logo, la barra di ricerca e le icone siano come la prima immagine e utilizzino tutto lo spazio come nell'immagine, ma il logo, la barra di ricerca e le icone nel mio progetto sono allegati senza spazio.Il secondo problema è con le ultime icone dell'albero che voglio spostare in basso nella visualizzazione mobile.