jQuery toggleClass example

Toggle class name on click in jQuery

by yourbudweiser

HTML

<div class="content-block-container">
    <img src="https://via.placeholder.com/150">
    <div class="content-block-content">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis justo nisl, vel suscipit lectus dignissim
            ut. Aenean sed auctor lorem. Suspendisse eget dapibus est, a egestas dolor. Phasellus lobortis non lacus in sodales.
            Mauris at est justo. Quisque at risus eu odio lobortis suscipit. Etiam nulla elit, tincidunt feugiat nunc a,
            vulputate volutpat lectus. Integer commodo at tellus a tristique. Suspendisse nec sollicitudin sem, non volutpat
            neque. Donec maximus nec purus vel fermentum. Mauris eu nulla efficitur, pharetra dolor fringilla, placerat justo.
        </p>
        <pLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis justo nisl, vel suscipit lectus dignissim ut.
            Aenean sed auctor lorem. Suspendisse eget dapibus est, a egestas dolor. Phasellus lobortis non lacus in sodales.
            Mauris at est justo. Quisque at risus eu odio lobortis suscipit. Etiam nulla elit, tincidunt feugiat nunc a,
            vulputate volutpat lectus. Integer commodo at tellus a tristique. Suspendisse nec sollicitudin sem, non volutpat
            neque. Donec maximus nec purus vel fermentum. Mauris eu nulla efficitur, pharetra dolor fringilla, placerat
            justo.</p>
    </div>
</div>

CSS

.content-block-container {
    align-items: end;
    display: flex;
}

.content-block-container img {
    border: 5px #fff solid;
    margin-right: 30px;
}

.content-block-content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

img {
    height: auto;
    max-width: 100%;
}