Implemented pokedex list style

src/features/Pokedex/Pokedex.tsx

@@ -55,7 +55,8 @@ const Pokedex = () => {
       {isLoadingPokemons ? (
         <Loading />
       ) : (
-        sortedFilteredPokemonCardList.map(pokemonCard => (
+        <div className="all__pokemons">
+          {sortedFilteredPokemonCardList.map(pokemonCard => (
             <PokemonCard
               key={pokemonCard.id}
               id={pokemonCard.id}
@@ -63,7 +64,8 @@ const Pokedex = () => {
               image={pokemonCard.image}
               types={pokemonCard.types}
             />
-        ))
+          ))}
+        </div>
       )}
     </>
   );

src/index.css

@@ -44,3 +44,10 @@ code {
   align-items: center;
   justify-content: center;
 }
+
+.all__pokemons {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+}