I tried using this to center the h3 vertically:

const HomeDom = ()=>{
  return(
     <Row className="align-items-center">
        <Col>

    <h3 className={'display-3'}>Welcome to the Bulls Marketplace</h3>


        </Col>
      </Row>
  );
}

I also tried my-auto as mentioned in the bootstrap docs.

Anything else I could try to center the h3 element vertically?

Update: (My post got closed because moderators thought I didnt read other questions regarding the same topic):

I have already tried the following class attributes (from answers from this post and other posts regarding the topic) and none of it worked:

"my-auto", "mx-auto", "align-items-center", "justify-content-center" with "d-flex" and "flex-grow", "justify-content-center" with "d-flex" and "flex-grow" along with "stack" as @enix79 proposed (this only centered the H3 element horizontally, but not vertically). The weird thing is that it worked in his sandbox, but not on my end. I have also tried: "center-block" and "pagination-centered" from How can I center elements horizontally or vertically with Twitter Bootstrap? which also did not work.

The other two posts that were being associated as similar with my posts by moderators did not propose anything else than I have already tried.

That being said, my question should be reopened.

Maybe, it has something to do with my routing? I don't know, that is the only explanation I could have: (this is from app.js):

  return(
  <stack className="vw-100 vh-100">
    <NavDom/>
      <Routes>
          <Route path='register' element={<RegisterFormDom contract={contract} account={account}/>}/>
          <Route path='wallet' element={<WalletDom contract={contract} account={account} web3Obj={web3Obj}/>}/>
          <Route path='myservices' element={<MyServicesDom contract={contract} account={account} web3Obj={web3Obj}/>}/>
          <Route path='coaches' element={<CoachesBackendDom contract={contract} account={account} web3Obj={web3Obj}/>}/>
          <Route path='home' element={<HomeDom/>}/>

      </Routes>
      <Footer/>
      </stack>


);

This is my HomeDom right now as proposed by @enix79, but it didnt work and only centered the h3 element horizontally:

return(
      <stack className="flex-grow-1 d-flex justify-content-center p-3" >


                  <h3 className={'display-3'}>Welcome to the Bulls Marketplace</h3>



      </stack>

  );