How to make a static object in CSS when zooming the page?

Problem with positioning in CSS. When zooming, the List slides to the left or right. With other objects this is not happening. Help to understand please. Here are screenshots and code
CSS: this is for the entire list. Only started 2-3 days.
section.service .column_all{

font-family: 'Lato', sans-serif;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
max-height: 425px;
max-width: 1180px;
padding-left: 265px;
padding-right: 265px;
padding-top: 95px;
padding-bottom: 150px;
}