Duas dúvidas, por curiosidade, sobre a primeira parte de estilizaçao do menu principal: 1 - Porque se optou por usar margin de 32 px para o botao,ao inves utilizar o padding-botton, já que foi usado padding-top de 32 px.
2 - Antes de ver o gabarito tentei usar o float left no li "menu-item". Desta forma nao conseguia exibir o background, pois o elemento saiu do fluxo da página, é isto?
Olá Bruna. Tudo bem?
A diferença entre margin e padding é que o padding trata-se da distância do conteúdo do botão até a sua borda, já margin é a distância da borda até a extremidade da página ou elemento que o botão está inserido.
Este link tem uns exemplos interessantes para ver praticar estas diferenças: https://www.w3schools.com/css/css_boxmodel.asp
Sobre o float é isto mesmo ele retira o elemento do fluxo do html.
Espero ter ajudado.