项目作者: devMagno

项目描述 :
🟦 Landing page de um blog fictício para estudo de CSS3 Flexbox.
高级语言: CSS
项目地址: git://github.com/devMagno/flexblog.git
创建时间: 2020-11-02T02:44:55Z
项目社区:https://github.com/devMagno/flexblog

开源协议:MIT License

下载


FlexBlog 🟦


FlexBlog

📖 Sobre

O projeto FlexBlog foi desenvolvido durante o curso de CSS Flexbox da Origamid. Durante o curso, inicialmente é feita uma introdução à todas as propriedades do flexbox (tanto dos flex containers quanto dos flex items) e logo em seguida, aplicamos na prática os conceitos aprendidos desenvolvendo o FlexBlog, um blog fictício feito utilizando somente as propriedades Flexbox do CSS3, que resulta em um design inteiramente responsivo com utilização mínima de media queries. Além disso, implementei um scroll suave dos links internos utilizando JavaScript.


🚀 Tecnologias e ferramentas utilizadas

  • HTML5
  • CSS3 Flexbox
  • JavaScript (para o scroll suave dos links internos)
  • Brackets

🖥️ Demonstração

FlexBlog

Você pode acessar o projeto clicando aqui.


🔧 Como executar o projeto

Não há necessidade de executar o projeto, pois você pode visualizá-lo clicando no link acima, mas se ainda desejar fazê-lo, siga as instruções abaixo:

  1. # Clone o repositório
  2. git clone https://github.com/devMagno/flexblog
  3. # Entre no diretório
  4. cd flexblog

Depois disso, utilize uma ferramenta como o Live Server para criar um servidor local e executar o projeto.


📝 Licença

O projeto está sob a licença MIT. Para saber mais, acesse o arquivo LICENSE.


Desenvolvido com 💙 por Guilherme Magno.