4
respostas

posicionamento dos icones

Editei o arquivo css e html conforme o video, mas quando eu insiro no css aside li, tudo que está no aside fica inline.

Para solucionar isso, coloquei os links para redes sociais dentro de um div, esta alternativa está correta ou teria alguma forma melhor de solucionar ?

aside {
    background-color: #3C1D3D;
    color: #F2FFFC;
    color: inherit;
    font-family: "Open Sans Condensed", sans-serif;
    width:250px;
    box-sizing: border-box;

}
nav h1{
        text-align: center;
        font-size: 30px;
        padding: 25px;
        font-size: 30px;
        margin-bottom: 25px;


       }
nav a {
    color: #F2FFFC;
    padding: 20px;

}
aside div li{
        display: inline-block;
        }
4 respostas

Oi Eduardo teria como postar seus arquivos .html e .css completos para que eu possa te ajudar. Fico no aguardo.

Postei no drive todos arquivos

https://drive.google.com/open?id=1X_p0edzlc24OyJjksjvTDI-vCPXf3uSc

Oi eduardo rezende cruz bom dia, eu baixei seu código para analisar, bom vamos lá primeiramente:

  • você delimitou o tamanho do seu aside em 250px, isso deixou ele muito pequeno pra conter os links.Se vc retirar essa regra e centralizar o texto é sucessso.
aside {
    background-color: #3C1D3D;
    color: #F2FFFC;
    color: inherit;
    font-family: "Open Sans Condensed", sans-serif;
    text-align: center;
    box-sizing: border-box;

}

Oi Eduardo ainda restou alguma dúvida a respeito desse tópico ou já foi solucionada ?