Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Como alinhar os li's & Width

Bom, a primeira duvida é em relação ao Width, que eu não entendi como a caixa de texto na aula, ficou com linha quebrada (mesmo estando em position: absolute) sem precisar do width:

Meu código:

.inicio-post{
    background-color: #F2FFFC;
    color: black;
    padding: 1rem;
    position: absolute;
    top: 4.5rem;
    right: 4rem;
    height: 7rem;
    width: 60%;
}

Resultado com width

Agora a outra duvida é em relação a desalinhamento dos links nessa seção, os outros "links para posts" que não estão conectados a nenhum texto estão alinhados com a borda do link conectado e não é isso que eu queria, comecei usando padding mas depois troquei pra border achando que iria resolver, mas n resolveu :l

1 resposta
solução!

Na aula o professor específica a propriedade left e right ao mesmo tempo, dessa forma, a caixa fica com um tamanho definido.

Imagine por exemplo left: 20% e right 50%. Nesse caso, estamos dizendo que o objeto deverá ficar a uma distância de 20% da esquerda e 50% da direita, ou seja, obrigatoriamente o elemento terá width: 30% --> (100% - 20% - 50%).

Quanto ao alinhamento, o correto é você colocar um padding igual para todos os elementos da <ol>. Eu particularmente usei:

.blog li
{
    margin-top: 1em;
    padding: 0.5em;
}