.brands-container {
 max-width: 900px;
  margin:auto;

}

.brands-title h2 {
  margin-bottom:50px;
 font-family: Poppins;
font-size: 24px;
font-weight: 400;
line-height: 34px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
 
}

.brands-grid {
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap:25px;
}

@media (max-width: 480px) {
    .brands-grid {
        grid-template-columns: repeat(2, 1fr); 
    }
  .brands-container {
    padding:20px;
}