index.html

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link
            href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700&family=Lexend+Deca:wght@400&display=swap"
            rel="stylesheet">
        <link href="./styles/style.css" rel="stylesheet">
        <title>3-column component</title>
    </head>

    <body>
        <main class="container">
            <div class="card--sedan">
                <img class="card__icon" src="./assets/icon-sedans.svg" alt="">
                <h2 class="card__title">Sedans</h2>
                <p class="card__paragraph">Choose a sedan for its affordability and excellent fuel economy. Ideal for
                    cruising in the city or on
                    your next road trip.</p>
                <a class="card__button--sedan">Learn More</a>
            </div>
            <div class="card--suv">
                <img class="card__icon" src="./assets/icon-suvs.svg" alt="">
                <h2 class="card__title">Suvs</h2>
                <p class="card__paragraph">Take an SUV for its spacious interior, power, and versatility. Perfect for
                    your next family vacation
                    and off-road adventures.</p>
                <a class="card__button--suv">Learn More</a>
            </div>
            <div class="card--luxury">
                <img class="card__icon" src="./assets/icon-luxury.svg" alt="" aria-hidden="true">
                <h2 class="card__title">Luxury</h2>
                <p class="card__paragraph">Cruise in the best car brands without the bloated prices. Enjoy the enhanced
                    comfort of a luxury
                    rental and arrive in style.</p>
                <a class="card__button--luxury">Learn More</a>
            </div>
        </main>
    </body>

</html>