.contributionsContainer {
    padding: 24px 16px;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .contributionsGrid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    width: 100%;
  }
  
  /* Two columns on medium screens and up */
  @media (min-width: 768px) {
    .contributionsGrid {
      grid-template-columns: 1fr 1fr;
      gap: 32px;
    }
  }
  
  /* Adjust gap for larger screens */
  @media (min-width: 1024px) {
    .contributionsContainer {
      padding: 32px 24px;
    }
    
    .contributionsGrid {
      gap: 40px;
    }
  }
  
  .contributionCardWrapper {
    width: 100%;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: box-shadow 0.2s ease;
  }
  
  .contributionCardWrapper:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  }