├── .gitignore ├── package.json ├── .vscode └── settings.json ├── style.css ├── index.html ├── main.js ├── images └── pokemon_logo.svg └── db.js /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "bootstrap": "^5.2.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "git.ignoreLimitWarning": true, 3 | "liveServer.settings.port": 5501 4 | } -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | main .wrapper_pokemons{ 8 | display: grid; 9 | gap: 30px; 10 | grid-template-columns: repeat(4, 300px); 11 | } 12 | 13 | main .wrapper_pokemons .card{ 14 | height: 370px; 15 | border: 2px solid black; 16 | border-radius: 20px; 17 | 18 | } 19 | 20 | main .wrapper_pokemons .card img{ 21 | margin-top: 20px; 22 | } 23 | 24 | main .wrapper_pokemons .card .line_card{ 25 | width: 100%; 26 | height: 1.5px; 27 | margin: 50px auto; 28 | background-color: black; 29 | } 30 | 31 | main .container .inputs{ 32 | margin-top: 70px; 33 | margin-bottom: 100px; 34 | margin-left: 100px; 35 | } 36 | 37 | main .container .inputs input , .click_btn,select{ 38 | padding: 16px 40px; 39 | border-radius:15px; 40 | margin-left: 50px; 41 | } 42 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |${element.type}
23 |