Solucionado
Oi pessoal, tudo bem?
Estou acompanhando o curso mas estou utilizando um projeto antigo que já havia iniciado. Segui todos os passos para formatar a lista não ordenada e a imagem, alterei o display para inline-block, mas a imagem continua abaixo da lista.
Criei um repositório no Github para que possam ver como está.
Desde já agradeço :)
Olá Beatriz, referente a imagem que não se adequa, tente retirar a margem da lista e colocar a propriedade inline-block no menu que ele vai se encaixar.
.menu {
padding-left: 15px;
padding-right: 15px;
width: 500px;
display: inline-block;
}
.lista {
list-style: none;
padding: 20px;
margin: 0;
}