@media (max-width: 600px) {
  .container { flex-direction: column; }
  
  .sidebar { 
    width: 100%; 
    min-width: 100%;
    padding: 15px;
  }
  
  .profile-img {
    width: 100px;
    height: 100px;
  }
  
  .skill-logos { justify-content: center; }
  .skill-logos img { height: 32px; }
  
  .konten-scroll { width: 100%; }
  .main-content-scrollable { padding: 15px; }
  .masonry-grid { column-count: 1; }
}