Rileva ogni contenitore Grid e Flexbox e ne mostra la struttura come sovrapposizioni colorate.
CSS Grid e Flexbox sono fondamenti del layout web ma invisibili per default. Il Visualizzatore automatizza tutto.
Linee colorate per righe e colonne con dimensioni etichettate.
Asse principale come freccia con indicatori allineamento.
Trova automaticamente tutti gli elementi grid e flex.
Clicca per vedere tutte le proprieta di layout.
Ogni figlio mostra dimensione e proprieta layout.
Rileva grid e flex annidati con colori diversi.
Colonna troppo larga? Sovrapposizione mostra dimensioni reali.
flex-grow, flex-shrink e flex-basis per ogni figlio.
Ridimensiona e guarda la sovrapposizione aggiornarsi.
Visita siti per vedere Grid e Flex in produzione.
Verifica stesse colonne e gap ovunque.
Apri dock e clicca icona.
Sovrapposizioni colorate su ogni contenitore.
Clicca per proprieta complete.
Ogni figlio con dimensioni.
Clicca icona per rimuovere.
Installa DevSuite Pro gratuitamente e sblocca più di 39 strumenti per sviluppatori per il tuo browser.