How to Use CSS to make spacing stays consistent

You can use flexbox to make sure the spacing stays consistent.

In the parent element, I’ve set the display to flex and then added justify-content: space-around; this means to space the elements out by putting more space around them.

.articles {
  display: flex;
  justify-content: space-around;
}
 
.fake-image {
  height: 130px;
  width: 250px;
  background: tomato;
}
<div class="articles">
  <div class="article">
    <h2> What next for Italy </h2>
    <div class="fake-image"></div>
    <p><i>Matteo Buonastella</i>, November 15, 2017</p>
    <button>Read More</button>
  </div>
  <div class="article">
    <h2> Are Atalanta fatigued? </h2>
    <div class="fake-image"></div>
    <p><i>Matteo Buonastella</i>, May 22, 2017</p>
    <button>Read More</button>
  </div>
</div>