How to reduce spacing between blocks and align them in the center?

Question

How to reduce spacing between blocks and align them in the center?

Something comes out from the margin"s and alignment, want to reduce in two times the intervals between the blocks and to be centred in the middle of the page.

Enjoyed this

.line-up {
 width: 100%;
 max-width: 390px;
 margin: auto;
}

with margin: auto leveled it in the middle of everything, but the intervals are very large... how is it possible to change prompt option please :)

Vernice98 asked March 19th 20 at 08:32

Related questions

More answers about "How to reduce spacing between blocks and align them in the center?"

2 answers

Genoveva21 answered on · Accepted Answer · 2020-03-19T07:34:03.790Z

Genoveva21 answered on March 19th 20 at 08:34

Solution

Change the width to a more smaller value
A generally better show the css for the outer (parent container) all three cards

Does not help :(
They are the same on all three:

..vc_column_container>.vc_column inner{
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-flex: 1;
 flex-grow: 1;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 flex-direction: column;
 z-index: 1;
}
.vc_column inner{
 box-sizing: border-box;
 padding-left: 15px;
 padding-right: 15px;
}

.vc_column inner::after, .vc_column inner::before {
 content: "";
 display: table;}

I want to mention that the site is on visual composer for wordpress designer, but all css can be replaced with a, what I'm doing and trying to do) - Vernice98 commented on March 19th 20 at 08:37

the issue was dropped) thanks for otlichalis! I just block in which spaces the unit prescribed width and margin auto need and everything became as it should) - Vernice98 commented on March 19th 20 at 08:40

@Vernice98, that's What I told you above
"A generally better show the css for the outer (parent container) all three of the cards" Please) - Genoveva21 commented on March 19th 20 at 08:43

@Genoveva21, AAA a little nautical what do you mean main unit) sorry) - Vernice98 commented on March 19th 20 at 08:46

Vernice98 answered on · Accepted Answer · 2020-03-19T07:36:03.790Z

Know that the solution is quite simple, she guessed, if someone sadistica this question, it helped me the following:

I just ordered a container in which there were three of these block I need width and margin:auto;

The hierarchy it is > the main container with background then the container in which the > three blocks
there where three units I ordered first
margin-rigth: 10px
similarly, the second, the third didn't touch
the width didn't ask each block separately, just ordered the main container footprint.

width: 82%;
 margin: auto;

and began as it should, although maybe not quite korektno