Solucionado
No final desta aula o professor utiliza "margin-rigth: 15%", mas pensei em testar com padding e parece que o resultado foi o mesmo. Alguém poderia me dizer em quais cenários esses dois fariam toda a diferença entre um e outro?
ul {
display: inline-block;
vertical-align: top;
width: 20%;
padding-right: 15%;
}
Olá, Caio.
O padding é usado para criar um espaçamento interno; ao passo em que o margin cria um espaçamento externo. A diferença entre eles ficará mais visível se você inserir uma borda (border); de forma que com o padding o espaçamento será dado dentro da borda e com o margin o espaçamento será dado fora da borda.
Olá Caio,
Então, irei te explicar a diferença do Padding e do Margin:
A função do Margin é criar um espaço FORA do objeto, ou seja, após a borda. E o padding é quando você precisa criar um espaço no interior do objeto.
Segue abaixo uma explicação mais clara:
Margin| Border | Padding (OBJETO) Padding| Border | Margin
Se ainda sim não entendeu, veja a imagem: https://i.stack.imgur.com/cHqTR.png
Espero que tenha te ajudado de algum jeito!
