Eu estava treinando o uso do CSS Grid com um site qualquer e os elementos não ficaram alinhados e não estou conseguindo encontrar os meus erros. Fiz uma página única mas meu cabeçalho ficou desalinhado com os elementos de grid que posicionei abaixo e também não ocupou 100% da largura que eu tinha estabelecido para o body, Os grids que eu criei também não ocuparam a largura completa, é como se na borda esquerda tenha ficado um dos grid-gaps. Esses desalinhamentos podem ser vistos nessa imagem.
1) Sobre o cabeçalho nessa outra imagem fica bem claro como ele ta desalinhado com a largura total do body
2) Já os grid dá para ver nessa imagem e nessa imagem que o gap do grid está desalinhando tudo