Instagram Clone

Este repositório é um fork do projeto desenvolvido pela SpruceGabriela em sua aula sobre flexbox ministrada para a Dio onde foi feito a tela de login do Instagram de forma totalmente responsiva.

O que eu fiz

• Implementei a tela inicial do Instagram com um design responsivo e para isso eu fiz:

  • Incluí um ícone na aba do navegador através do HTML.

      <link rel="icon" href="./assets/img/ig-icon.jpg">

  • Utilizei JQuery para criar um slider na seção dos stories

  

  • Estruturei a página com HTML semântico.

      <header class="header">
            <img src="./assets/img/instagram-logo.png" class="ig-logo" alt="instagram logo">
            <input type="text" class="search-input" placeholder="Pesquisar">
            <nav class="navbar">...

  • Organizei os elementos da página com flexbox.
  • Usei media queries para ajustar a página a diferentes tamanhos de telas.

      @media screen and (max-width: 992px) {
       .search-input{
           display:none;
       }

Resultado

Link

Site

Agradecimentos

• Gabriela Pinheiro
• Dio