Projeto desenvolvido a partir do curso de CSS Flexbox da Origamid com foco na construção de layouts modernos e responsivos utilizando Flexbox puro, além da análise de compatibilidade entre navegadores.
- HTML5
- CSS3
- Flexbox Layout
- Responsividade
- Boas práticas de CSS
📦 flexblog
┣ 📂 css
┣ 📂 img
┣ 📄 index.html
Este projeto foi desenvolvido com o objetivo de:
- Praticar layout com Flexbox
- Criar uma página responsiva sem uso de frameworks
- Entender o comportamento do CSS em diferentes navegadores
- Aplicar boas práticas de organização de estilos
Durante o desenvolvimento, um dos principais desafios foi lidar com:
- Diferenças de renderização entre navegadores
- Comportamento inconsistente de propriedades do Flexbox
- Ajustes finos para manter o layout consistente
Este projeto evidencia um ponto importante do desenvolvimento front-end:
Nem todas as propriedades CSS se comportam da mesma forma em todos os navegadores.
Foram realizados testes e ajustes para garantir melhor compatibilidade entre:
- Google Chrome
- Mozilla Firefox
- Microsoft Edge
- Layout construído 100% com Flexbox
- Estrutura simples e eficiente
- Código limpo e organizado
- Foco em problemas reais de front-end (cross-browser)
Durante o desenvolvimento, foram consolidados conhecimentos como:
- Domínio do Flexbox na prática
- Debug de layout entre navegadores
- Ajustes de responsividade
- Organização de CSS escalável
# Clone o repositório
git clone https://github.com/GitBrowserBit/Curso_origamid-css_flexBlog.git
# Acesse a pasta
cd Curso_origamid-css_flexBlog
# Abra o index.html no navegadorDesenvolvido por Thiago Lopes Machado como parte dos estudos em desenvolvimento front-end.
Projeto com fins educacionais baseado no curso de CSS Flexbox da Origamid.