Untitled

<!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 rel="stylesheet" href="style.css">
    <title>Auto</title>
</head>
<body>
    <section class="auto">
        <article class="auto_content">
            <article class="auto-content-text">
                <h3 class="auto-content-text-title">We offer high quality vehicles at unbelievable prices & creates pleasant buying experience.</h3>
                <p>AutoImage is nisi aliquip consequat duis velit esse cillum dolore fugiat nulla pariatur excepteur sint occaecat. Lorem ipsum dolor sit amt consectetur adipisicing elit sed eiusmod tempor incididuntu labore et dolore magna aliqua enimad minim veniam quis nostrud exercitation ullamco laboris nisi aliquip. Duis aute irure dolor in reprehenderitn voluptate velit ese cillum dolore fugiat nulla pariatur excepteur sint occaecat cupidatat non proident.</p>
                <p>Duis aute irure dolor in reprehenderitn voluptate velit ese cillum dolore fugiat nulla pariatur excepteur sint occaecat cupidatat non proident.</p>
            </article>
            <article class="auto-content-benefits">
                <article class="auto-content-benefit1">
                    <!-- <article class="auto-content-benefit-img"> -->
                        <img src="images/icon-1.png" alt="">
                    <!-- </article> -->
                    <article class="auto-content-benefit-text">
                        <h5>Affordable Auto Prices</h5>
                        <p>AutoDrive is nisi aliquip consequat duis velit esse</p>
                    </article>
                </article>
                <article class="auto-content-benefit2">
                    <!-- <article class="auto-content-benefit-img"> -->
                        <img src="images/icon-2.png" alt="">
                    <!-- </article> -->
                    <article class="auto-content-benefit-text">
                        <h5>20 Years in Business</h5>
                        <p>Vehicles is nisi aliquip consequat duis velit</p>
                    </article>
                </article>
                <article class="auto-content-benefit3">
                    <!-- <article class="auto-content-benefit-img"> -->
                        <img src="images/icon-3.png" alt="">
                    <!-- </article> -->
                    <article class="auto-content-benefit-text">
                        <h5>Trusted & Genuine Parts</h5>
                        <p>Autos Drive is nisi aliquip consequat duis ted</p>
                    </article>
                </article>
            </article>
        </article>
        <article class="auto-content-image">
            <img src="images/g01.jpg" alt="">
        </article>
    </section>
</body>
</html>


---------------------------------------------------------------------------------------------------------------------------------------


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

html {
    font-family: Poppins, sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.3;
}


.auto {
    width: 80%;
    display: flex;
    justify-content: space-between;
    margin: 50px auto;
    margin: 100px;
}

.auto-content-image img {
    width: 100%;
}

.auto_content,
.auto-content-image {
    flex-basis: 49%;
}

h3,
h5 {
    font-family: Montserrat, sans-serif;
}

h5 {
    margin-bottom: 0px;
}

h3{
    font-size: 16px;
    margin-top: 0px;
}

.auto-content-benefit-text p {
    margin: 0;
}

.auto-content-benefit-text h5 {
    margin: 0 0 5px 0;
    color: darkslategrey;
}

.auto-content-benefits img {
    width: 15%;
}

.auto-content-benefit1,
.auto-content-benefit2,
.auto-content-benefit3 {
  display: flex;
}

.auto-content-benefit-text {
   margin-top: 30px;
}