Poker

Player4.css

.container {  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 0.7fr 0.7fr 0.5fr;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "ProfilePic Card1 Card2 PotOdds"
    "ProfilePic Name Name Name"
    "ProfilePic Bet Bet Bet";
}

.ProfilePic { grid-area: ProfilePic; }

.Card1 { grid-area: Card1; }

.Card2 { grid-area: Card2; }

.PotOdds { grid-area: PotOdds; }

.Name { grid-area: Name; }

.Bet { grid-area: Bet; }

Player4.html

<div class="container">
  <div class="ProfilePic"></div>
  <div class="Card1"></div>
  <div class="Card2"></div>
  <div class="PotOdds"></div>
  <div class="Name"></div>
  <div class="Bet"></div>
</div>

https://grid.layoutit.com/