Pokemon cards on landing page

bLangved / Pokemon-Pokedex

1 stars 0 forks source link

Pokemon cards on landing page #8

Open bLangved opened 7 months ago

bLangved commented 7 months ago

What this issue is about:

Rewrite pokeCards on src/pages/index.astro to use bootstrap cards instead of pure custom styling

This is NOT something we have to do, but rather a suggestion. The Bootstrap "card" class is well suited for this though

To-do's

[x] Get inspiration somewhere for how that could improve the cards (not changing just for changing)
[x] Create some great looking cards, man

Considerations

Needs to be dope

Relevant project paths

src/js/utils/pokeCards.js

bLangved commented 6 months ago

Added some slight adjustments to height, placement, font-size etc, and included a script that adds background color(s) on card based on what types they are (ground, grass, flying etc). On desktop view, the cards are also same in size, but their width is being flexed. I think this looks better then the way to big old cards.