I have the following page (see attached). How can I remove the right padding using css? Ideally I want all the boxes to flow to the center without the right margin.

Here’s the code:

    <div class="details">
       <div class="tile">
       </div>       
       <div class="tile">
       </div>
       <div class="tile">
       </div>
       <div class="tile">
       </div>
   </div>

   .details {
        display: flex;
        flex-wrap: wrap;
        align-items: self-end;
   }
   .tile {
       width: 100px;
       height: 100px; 
       display: inline-block;
   }