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;
}
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;
}
asked April 18th 20 at 13:09
1 answer
answered on
Solution
certainly enough for margin: auto to the container in which all these list items, so it was in the center
Thank you so much! I forgot about margene) - Nia.Kuphal commented on April 18th 20 at 13:14