omgitsgm / tabela-periodica

Projeto para o curso de Desenvolvedor Web - Mackenzie/Brasscom, onde desenvolvi uma tabela periódica utilizando apenas HTML e CSS.

👩‍🔬🧪⚗
Tabela Periódica

💬 Descrição

Este projeto faz parte de uma atividade do curso de Capacitação Tecnológica - Mackenzie/Brasscom, que tive a oportunidade de participar recentemente.

A proposta da atividade era desenvolver uma tabela periódica utilizando os conceitos de HTML e CSS que foram ensinados no curso.

Em relação ao HTML, foram utilizadas neste projeto, principalmente as tag's <table>, <tr> e <td>, que me possibilitaram estruturar a tabela periódica com linhas e colunas.

Já em relação ao CSS, eu optei por estilizar a minha tabela com um tema 'dark', mas mantive a essência da tabela periódica tradicional, utilizando cores vivas para distinguir os grupos de elementos. Além disso, utilizei o 'hover' para criar uma animação básica de mudança de cor quando o usuário passa o mouse por cima dos elementos.

Aviso: A página do projeto não é responsiva, por isso, ao executar o projeto na sua máquina, ela pode não se ajustar exatamente ao tamanho da sua tela. Agradeço a compreensão.

---

💻 Como visualizar o projeto

Acesse: https://omgitsgm.github.io/tabela-periodica/

Ou

1. Faça o download do repositório.
2. Extraia o arquivo .zip
3. Abra a pasta que foi criada.
• Tenha certeza de que os arquivos '.html' e '.css' estão na mesma pasta.
4. Clique duas vezes no arquivo 'index.html' ou clique com o botão direito do mouse e selecione 'Abrir com' para abri o arquivo com o seu navegador.

---