Horizontal centering block, what's wrong with him?

Want to do a unit on large monitors, not stretched across the entire width and was a maximum of 1200px.
It generated this code:

.extension-container {
 max-width: 1300px;
 text-align: center;
 margin: 0 auto;
}


But there was a problem - the unit doesn't get up horizontally in the center of the page. The unit is grid mesh with the cards, but I don't think they did.

7p9p4jsUkpA.jpg

How to fix?

P. S There is in the container is inline-block and relative - without them as well. It attempts to Google a solution which I forgot to remove. Remake screenshot lazily HD
June 8th 19 at 17:30
1 answer
June 8th 19 at 17:32
Solution
Set display: block along inline-block and succeed.

Example.
Strange, I did and did not work - I wrote here happened.
Maybe I just wanted to try and forget...

Thank you! - sofia.Maggio commented on June 8th 19 at 17:35
I got 50% of my questions was :D - Frida_OConnell44 commented on June 8th 19 at 17:38

Find more questions by tags Material DesignHTMLLayoutFrontend