<div class="container-fluid">
  <h1>Articles</h1>

  <article>
    <h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h2>
    <p><img src="https://picsum.photos/id/1000/800/450" alt="" width="800" height="450" class="img-fluid"></p>
    <p>Aenean id metus id velit ullamcorper pulvinar. Mauris elementum mauris vitae tortor. Fusce suscipit libero eget elit. Aliquam in lorem sit amet leo accumsan lacinia. Curabitur vitae diam non enim vestibulum interdum. </p>  
  </article>
  
  <article>
    <h2>Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor</h2>
    <p><img src="https://picsum.photos/id/1001/800/450" alt="" width="800" height="450" class="img-fluid"></p>
    <p>Nam sed tellus id magna elementum tincidunt. Aenean fermentum risus id tortor. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Phasellus et lorem id felis nonummy placerat.</p>  
  </article>  
  
  <article>
    <h2>Fusce wisi. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil</h2>
    <p><img src="https://picsum.photos/id/1002/800/450" alt="" width="800" height="450" class="img-fluid"></p>
    <p>Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Duis viverra diam non justo. Et harum quidem rerum facilis est et expedita distinctio. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor.</p>  
  </article>    
  
  <article>
    <h2>Duis sapien nunc, commodo et, interdum suscipit</h2>
    <p><img src="https://picsum.photos/id/1004/800/450" alt="" width="800" height="450" class="img-fluid"></p>
    <p>Nam sed tellus id magna elementum tincidunt. Aenean fermentum risus id tortor. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Phasellus et lorem id felis nonummy placerat.</p>  
  </article>  
  
</div>  
.container-fluid {
  max-width: 800px;
}

article {
  contain: content;
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.