3-Column-Preview-Card-Component

Bom dia Vinit,

Eu estava observando o seu código Css e notei algo em sua @media, você duplicou algumas linhas de código.

/* Seu código sem a @media */

main{
    /* background-color: red; */
    background-color: hsl(0, 0%, 95%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Seu código com @media */ 

 main{
        height: auto;
        width: 100%; (duplicado)
        display: flex; (duplicado)
        justify-content: center; (duplicado)
        align-items: center; (duplicado)
  }

/* Mude para */ 

 main{
        height: auto;
  }

há outras linhas de código duplicadas, retire elas e seu código vai ficar mais limpo :)