.profile-post-skeleton {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}

<<<<<<< HEAD
.profile-post-skeleton .profile-post-item {
=======
.profile-post-item {
>>>>>>> b496f6c (adjust merge part 7)
  aspect-ratio: 1 / 1; /* Selalu persegi */
  background-color: #f5f5f5;
  border-radius: 4px;
  animation: profile-shimmer 1.2s infinite linear;
  background-image: linear-gradient(
    to right,
    #f5f5f5 0%,
    #e0e0e0 20%,
    #f5f5f5 40%,
    #f5f5f5 100%
  );
  background-size: 200% 100%;
  background-repeat: no-repeat;
}

@keyframes profile-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}