Nomi Posts - Answer Overflow

Nomi

•Created by Nomi on 1/25/2025 in #front-end

Played along the tutorial ||Learn CSS Grid the easy way|| but it didn't work the same

I played along the tutorial Learn CSS Grid the easy way in the git provided files but it didn't work the same as the mentor was doing. How to solve this problem?

.testimonial-grid{
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 100px 100px 100px
}

.testimonial-grid{
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 100px 100px 100px
}

It didn't create the three columns of 100pxs as it was shown in the tutorial The problems were also coming in media queries just as

@media (min-width: 50em){
  .grid-col-span-2{
    grid-column: span 2;
}
}

@media (min-width: 50em){
  .grid-col-span-2{
    grid-column: span 2;
}
}

it didn't make every article ".testimonial " horizontal in the screen size below then 800px

33 replies

Gaming

Programming