Solucionado
Olá, pessoal, bão?
Talvez eu não tenha entendido direito a especificação do float, mas por que não poderia ser usado essa propriedade, também, para manter a lista dos benefícios do lado esquerdo, puxando a imagem de baixo para o lado direito, como foi feito com a parte da descrição "Sobre" ?
Tentei no meu código e deu certo, mas apaguei e usei o display como no vídeo, por não saber se interferiria em algo mais tarde ou se não seria o modo certo.
Valeu!
Oi, Giovani, tudo bem?
As propriedades inline-block e float tem valor parecidos, permitem que elementos fiquem na mesma linha, mas tem comportamentos diferentes que justificam o porquê de cada esocolha.
O float é indicado quando você precisa que um texto ou outro elemento contorne outro elemento, ou seja, o float vai te ajudar que um texto envolva uma imagem, por exemplo. Já o inline-block é utilizado quando você precisa que envolva um determinado elemento e tenha um comportamento de linha, mas tem uma diferença do Float, o elemente que envolve não fica encostado com o elemento que precisa ser envolvido, pois o inline-block entende que seus elemento com esse valor são textos e textão precisam de um espaçamento entre si. Aqui vão dois exemplos:
Float: https://jsfiddle.net/r2spu09b/?utm_source=website&utm_medium=embed&utm_campaign=r2spu09b
Inline-block: https://jsfiddle.net/r2spu09b/4/?utm_source=website&utm_medium=embed&utm_campaign=r2spu09b
O instrutor escolheu o inline-block por não precisar que seus elementos ficassem colados uns nos outros. Mas a sua lógica de pensar no uso do Float foi correta, pois faz sentindo nesse contexto, mas o inline-block serve melhor para o lista-beneficios pelo espaçamento.
Espero ter te ajudado!
Hmmm, entendi melhor a diferença, realmente houve a questão do espaçamento quando usei Float.
Muito obrigado, Laís!