Nota: questa domanda riguarda gli aspetti pratici di una lingua. Non sono sicuro che sia adatto a questo sito, ci scusiamo se questo non è il caso.
Sto scrivendo liberamente codice client (front-end) da eseguire in un browser (HTML, CSS, JS). Per organizzare il layout della pagina, mi sono spostato nel corso degli anni da {una serie di magiche sintassi CSS} a CSS Flexbox e poi a CSS Grid.
È chiaramente evidenziato che Flex è per 1-D e Grid per 2-D ma non ho trovato una chiara spiegazione del perché Grid non possa essere usato per la 1-D e sostituire Flexbox. più vicino a cui sono arrivato è
But you could also argue that purely 1D layout like this is more powerful in Flexbox, because Flexbox allows us to move those elements around easier (e.g. move them all to one side or another, change their order, space them out evenly, etc).
Uso Grid e Flexbox per il layout di base: un posizionamento generale dei riquadri sulla pagina e alcuni dinamici, in genere impilati. Quelli estetici (tostapane, modali, ...) sono gestiti attraverso un quadro. Non ho ancora trovato un caso in cui Grid non ha potuto sostituire Flexbox fuori dalla scatola (ovvero senza una ginnastica CSS avanzata o un sacco di codice).
Per prendere l'esempio della citazione sopra, tutte le "mosse" menzionate sono direttamente disponibili in Grid, di solito con la stessa semantica di Flexbox.
Ci sono alcune aree fondamentali coperte da Flexbox che sono difficili o impossibili da ottenere in Grid?