Giter Club home page Giter Club logo

alura-books's Introduction

Alura Books

Nesse projeto estamos construindo um site responsivo para desktop, tablet e smartphone. No âmbito do curso HTML & CSS: responsividade com mobile-first, lecionado pela instrutora Monica Hillman.

Front-end-HTML   CSS

Notas do Projeto 🛠️

Recorrendo às classes Flex e Grid iremos desenvolver um site de uma loja de livros técnicos de programação. A ideia é recorrer aos media queries para que os estilos sejam implementados conforme o dispositivo que estiver sendo utilizado para visitar o site.

Ao longo desta semana que passou fomos acompanhando as aulas e montando o site de acordo com o design do figma que nos foi dado e com o apoio da formadora. Várias vezes, reconheci padrões e por isso consegui implementar vários estilos de forma autónoma.

O site é mobile-first o que significa que ele é projetado a pensar na versão mobile em primeiro lugar e só depois ele é adaptado para iPad (tablet) e para Desktop.

Desafios

No decorrer deste projeto, o maior desafio foi na parte em que precisamos adicionar o svg do icone da carta na section contacto. Porque utilizei o mozilla firefox (dev edition) na maior parte do projeto, muitas vezes parecia que o código estava errado, mas descobri que existem diferenças de navegador para navegador e foi necessário encontrar uma solução para que o site funcione tanto num navegador mozilla como no chrome. Acabou que a solução encontrada funcionou melhor no mozzila que no chrome. Apartir desse episódio decidi finalizar o projeto acompanhando o desenvolvimento no chrome (dev edition).

alura-books's People

Contributors

nurmuun avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.