Descrição do Projeto

Este projeto consiste na criação de uma página de redes sociais com design responsivo, desenvolvido exclusivamente com HTML e CSS. A página foi projetada para fornecer uma experiência de usuário otimizada para dispositivos móveis, refletindo as melhores práticas de design mobile-first. 

 Objetivos

• Desenvolver uma interface de usuário intuitiva e acessível para dispositivos móveis.

• Aplicar conceitos de responsividade para garantir que a página se adapte a diferentes tamanhos de tela.

• Utilizar apenas HTML e CSS para estruturar e estilizar a página, demonstrando a habilidade em criar designs eficientes sem o uso de frameworks.

Tecnologias Utilizadas

• HTML: Para a estruturação do conteúdo e organização semântica da página.

• CSS: Para o estilização e design visual da página, incluindo o uso de media queries para responsividade.

Funcionalidades 

• Layout Responsivo: A página foi projetada para funcionar perfeitamente em dispositivos móveis, com elementos que se ajustam dinamicamente ao tamanho da tela.

• Perfis de Usuário: Seções dedicadas para exibir informações de perfis de usuários, incluindo nome, foto e detalhes de contato.

• Feed de Notícias: Um feed de notícias que exibe postagens recentes, imagens e interações dos usuários.

• Barra de Navegação: Uma barra de navegação fixa na parte inferior da tela, facilitando o acesso às principais seções da página.

Desafios e Soluções: 

• Responsividade: Garantir que todos os elementos da página fossem totalmente responsivos foi um desafio chave. Utilizando media queries, a estrutura e o layout foram ajustados para diferentes tamanhos de tela.

• Design Consistente: Manter um design consistente e intuitivo, especialmente em dispositivos móveis, exigiu atenção aos detalhes na tipografia, espaçamento e interação do usuário.