Make a container with an image to the left and a title paragraph to the right in HTML/CSS

|HTML|
<div class="header_2">
<div class="container">
    <div class="box-6">
        <img src="<%= assetPath('Land1.svg') %>" alt="Odontólogos por todo Santiago">
    </div>
    <article class="box-6">
        <h1>Multiples Odontólogos en todo Santiago</h1>
        <p>If your knees aren't green by the end of the day, you ought to seriously re-examine your life.</p>
        <a href="/pacientes">Únete ></a>
    </article>
</div>
|CSS|
        .header_2 {
        padding: 10vh 15vw;
        background: #def2f1;
        color: #17252a;
        margin:0;
    }
    .container{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .box-6{
        flex: 0 0 50%;
        max-width: 50%;
    }

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top