How to make the blocks not move?

Question

css

How can I make sure that the blocks do not move when I narrow the page? I have been suffering for a very long time and cannot find a wise solution.
Here is the link joobis.com/w/d/redesignbackupoct16/index.php?optio...
At the very bottom of the Categories block
Like this on the whole screen - itmages.ru/image/view/3103718/f0ca799c .ru/image/view/3103719/240d6a54 That is, it is clear that the distance will decrease, but how to make the text and the picture be centered as in the first image?

Answer 1

@media (min-width: ...px) and (max-width: ...px) {
    text-align:center;
}

???

Answer 2

A block that contains a folder image and its name:

.selector{
    display: inline-block;
    text-align: center;
}

A div that contains a link (folder image) and a div with the folder name:

.selector{
    display: inline-block;
}