S6 - 💛 - Ajuste CSS - Githubissues

kabianca / social-network

Terceiro projeto realizado no Bootcamp de Desenvolvimento Web da Laboratória e teve como objetivo a idealização e construção de uma rede social em vanilla javascript.

https://kabianca.github.io/social-network/

1 stars 2 forks source link

S6 - 💛 - Ajuste CSS #58

Closed marinamassaneiro closed 2 years ago

marinamassaneiro commented 2 years ago

Separar arquivos:

[x] criar um arquivo index.css com informações que se aplicarão a todos;
[x] importar os demais .css nesse arquivo;
[x] revisar e atribuir o que se refere cada .css ao template string do .js respectivo;

Ordem seletores:

[x] se a ordem começa do container ou se começa da seção (header, body e footer); (fiz por seção)
[x] seletores em id em elementos que só aparecem uma vez (footer) e class em elementos que aparecem mais vezes (post.js id="title");
[x] atribuir classe ao elemento criado (post.js id="single-post") usando setAtribute;

Ordem propriedades:

[x] seguir ordem pré-estabelecida;

Ordem propriedades:

[x] revisão das unidades de medida;

Responsividade:

[x] ajustar espaço entre "nao possui conta?" "cadastrar" e "login";
[x] arrumar navegação da timeline no desktop;
[x] padronizar tamanho botao vermelho logar e cadastrar;
[x] tamanho das fontes;

Novos elementos:

[x] estilizar like e apagar e editar;

marinamassaneiro commented 2 years ago

background, position, display, ramificações display, bottom (left, right, top), margin, border, padding, tamanho (width e heigth), decorações (botao e link), color, font-size, font-weigth, text-align, demais texts