Adoro il tuo modo di spiegare! Peccato che io abbia scelto uno stack così diverso dal tuo 😐 il tuo stile su NextJs e React mi avrebbe fatto paurosamente comodo.
Stupendo.. ma se io uso una griglia simile a questa con un max-width di 1300px come faccio poi a, per esempio, creare un header con sfondo full width che occupi tutta la larghezza dello schermo? C'è un modo pulito per farlo utilizzando i grid?
Con grid puoi lavorare oltre che con colonne e righe, con le aree. Inoltre quando assegni un'area puoi anche definire delle sovrapposizioni. Quindi un item potrebbe occupare anche un'area intera e gli altri si sovrappongono.
@salvo668 si però se un item la allargo a full size anche il contenuto va a full size, mentre il contenuto dovrebbe seguire il flusso del resto del content, oer esempio impostato a max width 1200px, mentre lo sfondo deve restare full size.. non so se mi sono spiegato bene.. molti template sono così
@@stefanofattori89 in tal caso non ha senso usare un singolo layout grid, ma come più logico sezioni separate: nav/header/main. Grid è come Flexbox, uno strumento per impaginazione, non deve essere IL layout totale. Io ad esempio innesto dentro ai miei grid anche dei Flex. Il CSS è stupendo per questo.
Sempre super magnifico
Semplicemente fantastico
Adoro il tuo modo di spiegare! Peccato che io abbia scelto uno stack così diverso dal tuo 😐 il tuo stile su NextJs e React mi avrebbe fatto paurosamente comodo.
Bellissimo video grazie, il valore span nella media query a cosa fa riferimento? Thx
Guarda il video che ho fatto sulle css grid la settimana scorsa, lo spiego nel dettaglio
Stupendo.. ma se io uso una griglia simile a questa con un max-width di 1300px come faccio poi a, per esempio, creare un header con sfondo full width che occupi tutta la larghezza dello schermo? C'è un modo pulito per farlo utilizzando i grid?
Crei una grid esterna a questa e non setti il max-width
Con grid puoi lavorare oltre che con colonne e righe, con le aree. Inoltre quando assegni un'area puoi anche definire delle sovrapposizioni. Quindi un item potrebbe occupare anche un'area intera e gli altri si sovrappongono.
@@salvo668 si è una tecnica avanzata la tratterò prossimamente ;)
@salvo668 si però se un item la allargo a full size anche il contenuto va a full size, mentre il contenuto dovrebbe seguire il flusso del resto del content, oer esempio impostato a max width 1200px, mentre lo sfondo deve restare full size.. non so se mi sono spiegato bene.. molti template sono così
@@stefanofattori89 in tal caso non ha senso usare un singolo layout grid, ma come più logico sezioni separate: nav/header/main. Grid è come Flexbox, uno strumento per impaginazione, non deve essere IL layout totale. Io ad esempio innesto dentro ai miei grid anche dei Flex. Il CSS è stupendo per questo.