devMagno / flexblog

🟦 Landing page de um blog fictício para estudo de CSS3 Flexbox.

Home Page:https://devmagno.github.io/flexblog/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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:

# Clone o repositório
git clone https://github.com/devMagno/flexblog

# Entre no diretório
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.

About

🟦 Landing page de um blog fictício para estudo de CSS3 Flexbox.

https://devmagno.github.io/flexblog/

License:MIT License


Languages

Language:CSS 48.8%Language:HTML 46.8%Language:JavaScript 4.4%