Olá tudo bem?
Nunca sei qual tamanho de grid eu deveria usar para projetos de mobile e desktop. Já procurei em vídeos e sempre falam o número de quantidade de colunas: 4 para projetos mobile e 12 para desktop (sendo o tamanho da tela 1440). Mas ninguém fala que tamanho deve ser as calhas, a margem e o tamanho das colunas. Usando o adobe XD quando coloco o número de quantidade de colunas ele me gera um numero automático de tudo, mas sinceramente acho as margens muito grandes e o tamanho das colunas muito largas, então eu mudo para ficar um pouco menor e o número de margens e calhas fica todo quebrado, me dá a sensação de que não está muito certo.
Então alguém saberia me dizer qual seria o número correto de margens, calha e tamanho de coluna para um grid de projeto mobile com 4 colunas e um grid para site desktop com 12 colunas (o desktop no caso o tamanho da tela seria 1440 ou 1920)?