Eloizi / alura-books

Desenvolvimento de um site responsivo, seguindo o conceito mobile-first e fazendo uso de tecnologias avançadas como flexbox. Aprimorei a versão original, aprendida no curso, para criar uma segunda versão personalizada.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Projeto Alura Books 📚

Ministrado por Monica Hillman, o curso HTML e CSS: responsividade com mobile-first disponibilizado pela plataforma Alura nos permitiu desenvolver um site responsivo utilizando tecnologias avançadas, como flexbox, com foco no desenvolvimento mobile-first e adaptável em diversos dispositivos.

Tecnologias   |    Projeto   |    Licença

License



gif pessoa digitando



🚀 Tecnologias

Projeto desenvolvido com as seguintes tecnologias:

  • HTML
  • CSS
  • Figma
  • GitHub

    💻 Projeto

    link do projeto: Clique aqui para ver o projeto finalizado

    Neste projeto, tivemos contato com muitas tecnologias e técnicas que ampliaram o nosso conhecimento. Iniciamos o projeto com a estilização do site na perspectiva de um dispositivo móvel, e assim fomos evoluindo, modificando as classes para que o site, ao final, atendesse a maioria dos dispositivos, tornando-o responsivo. Ao longo do curso, foram realizadas algumas revisões em relação a conceitos importantes, tais como: flexbox, listas, âncoras, pseudo classes e também combinadores no CSS.

    Segue abaixo as implementações dos layouts de resposividade, seguindo o projeto desenvolvido no FIgma pela equipe da Alura:

  • Mobile (min-width; 428px);

    alura-books-mobile


  • Tablet (min-widtth: 1024px);

    alura-books-mobile


  • Desktop (min-width: 1728px).

    alura-books-mobile

    📝 Licença

    Este projeto está sob a licença MIT.



    👋 Agradeço por me visitar! Entre em contato! 💬✨

    Linkedin Gmail Instagram

    Desenvolvido por: Eloizi 2023 ❤️

  • About

    Desenvolvimento de um site responsivo, seguindo o conceito mobile-first e fazendo uso de tecnologias avançadas como flexbox. Aprimorei a versão original, aprendida no curso, para criar uma segunda versão personalizada.

    License:MIT License


    Languages

    Language:HTML 53.7%Language:CSS 46.3%