Desafio CSS

[Mkcos]

Descrição

O desafio consiste em aplicar o que foi estudado no curso de estilização básica com CSS em uma página de apresentação.

habilidades necessárias

• Posicionamento de Imagens: Object-Fit, Object-Position;
• Cores: Hexadecimal, RGB, HLS;
• Fundos dos Elementos: Posicionamento, Redimensionamento, Background;
• Bordas: Tamanho, Estilos, Propiedades;
• Fontes: Tipos, Importação, Estilos, Tamanho;
• Textos: Endentação, alinhamento , Estilização;

Resolução

Descrição

Tentei deixar o estilo da página o mais fiel possível ao modelo disponibilizado no figma. Usei fontes, tamanhos, e cores de acordo com o modelo.

Principais desafios

Levei algum tempo trabalhando na imagem de background do cabeçalho. Por se tratar de uma imagem e uma cor de fundo, tive um certo trabalho em não deixa-los se sobrepor (voltei as aulas e fiz pesquisas sobre). O degradê usado na cor de background do cabeçalho não era o mesmo que o figma me mostrava, então usei cores mais fieis ao modelo. Outro problema foi com o posicionamento do texto. Fiquei com muita vontade de envolve-los em divs, porém o desafio era apenas trabalhar o CSS sem mexer no HTML. Levei algum tempo para fazer esses ajustes e corrigindo erros que eu cometi durante o desenrolar da solução.

Particularidades

Para deixar a página mais agradável ao usuário, adicionei animações ao botão e a lista . Usei cores fieis ao projeto. Deixei o projeto responsivo, adaptando-se a diferentes tamanhos de telas.