react3/src/components/UserCard/userCard.css

.user {
    margin-bottom: 30px;
    padding: 0 15px;
    text-align: center;
  }
.user  p {
    margin: 0;
  }
  
.user__body {
    padding: 10px 0;
    border: 1px solid black;
}

.user__body:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    cursor: pointer;
}
   
  
  
@media (min-width: 768px) {
  
    .user {
      width: 50%;
    }
  
}
  
@media (min-width: 1200px) {
  
    .user {
      width: calc(100% / 3);
    }
  
}