Four card fature section using pure CSS

Grid gap will add some space between the 4 cards.

    /* DESKTOP-VIEW */
    @media (min-width: 1400px) {
        .card-container {
            display: grid;
            grid-gap: 30px;
            grid-template-areas: 
            ". a ." 
            "b a c"
            "b d c"
            ". d .";
            width: 80vw;
            margin: 0 auto;   
        }
    }

Hey, the code looks great. Some space between the cards would make it look much better. Try adding grid-gap in .card-container in styles.css file. for example:

    /* GRID-GAP */
    grid-gap: 30px;