<section>
    <article>
        <h2>First Article</h2>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae repudiandae aperiam
        necessitatibus commodi natus quae mollitia assumenda optio, quia quidem.
    </article>

    <article>
        <h2>Second Article</h2>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora magni, neque iste
        itaque aliquam reprehenderit rerum. Excepturi eligendi ex laboriosam.
    </article>

    <article>
        <h2>Third Article</h2>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse deleniti vel explicabo!
        Ea nulla laboriosam veritatis, blanditiis fuga deserunt quam?
    </article>

                        

section {
    display: flex;
    flex-direction: row;
}

article {
    padding: 10px;
    margin: 10px;
}

article:nth-of-type(odd) {
    background-color: lightgoldenrodyellow;
}

article:nth-of-type(even) {
    background-color: lightgray;
}