test

 {workDB.map((obj, i) => (
          <>
            <div className="col-lg-4">
              <div className="card mr-4">
                <Link key={i} to={`/workdetails?id=${obj.id}`}>
                  <img
                    src={obj.url_thumbnail}
                    className="card-img-top"
                    alt="..."
                  ></img>
                </Link>

                <div className="card-body">
                  <h5 style={{ fontSize: "18px" }} className="card-title">
                  {obj.title_main}
                  </h5>

                  <h5
                    style={{ fontSize: "22px" }}
                    className="card-title d-inline textCataneo"
                  >
                  {obj.client_name}

                  </h5>
                  <hr
                    style={{
                      height: "1px",
                      width: "100%",
                      borderWidth: "0",
                      backgroundColor: "white",
                    }}
                  ></hr>

                  {obj.category.map((categories, i) => (
                  <p
                    style={{ fontSize: "8px" }}
                    className="card-text text-white textRoboto d-inline"
                  >
                  {categories}
                  </p>
                  ))}
              
                </div>
              </div>
            </div>
          </>
        ))}