lay: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 10px;
    }

    @media (min-width: 900px) {
        .examples {
            margin: 0 50px;
        }

        .cards {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media (max-width: 899px) {
        .examples {
            margin: 0 20px;
        }

        .cards {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 1000px) {
        .feature-grid