3 Div Boxes Do Not Fit In The Container

On the Page: jerkydirect.com/base/opportunity - There are 3 boxes within the container with the picture. However, when viewed on a Large Screen - the last box sticks over the right

Solution 1:

Your HTML code is fine.

Problem lies with your CSS

.package {
  width: 350px;
  height: 230px;
  background-color: rgba(0,0,0,0.6);
  border: 15px solid rgba(52,53,48,0.6);
  margin: 50px00;
  padding: 25px20px;
}

You shouldn't hard code the width with some pixel value rather remove the pixel value.

Hope this will help you.

Solution 2:

Remove the <div class="container"></div> you already have one right after .inner-container. And Content should be placed within columns, and only columns may be immediate children of rows.

Solution 3:

Remove width: 350px from .package div from css.

#service-one.package {
   width: auto !important;
}

Or add this style on css files