Untitled

  <NavLink
                    to={`album-details/${album?.id}`}
                    state={album}
      
                  >
                    <div className="w-[260px] h-[330px] bg-black/50 p-4 rounded-lg hover:bg-black hover:ring-1 hover:ring-[wheat]">
                      <img
                        src={album?.albumThumbnail}
                        alt={album?.albumTitle}
                        className="w-full h-[250px] object-cover rounded-md hover:scale-105 transition-all duration-100 ease-linear"
                      />
                      <h1 className="py-2 px-20 bg-black mt-2 rounded text-center= text-xl">
                        {album?.albumTitle}
                      </h1>
                    </div>
                  </NavLink>