Reputation: 7543
I've been working on my own CSS grid and found this website:
http://demo.select-themes.com/stockholm1/four-column-gallery/
Does anyone have any idea how it's achieved? Basically Portfolio elements have space between them, but there are no margins, paddings, anything I can think of:
<article class="mix portfolio_category_2 mix_all" style=" "><div class="image_holder standard_hover"><span class="image">(...)</article>
2% margin (not sure where it comes from!)
<article class="mix portfolio_category_2 mix_all" style=" "><div class="image_holder standard_hover"><span class="image">(...)</article>
I think it's Bootstrap but bootstrap's grid seems to have margins after all... These items have only bottom margins, but not right/left ones. How it's done?
Upvotes: 0
Views: 1753
Reputation: 42935
It is a rule styling the container:
.projects_holder {
...
text-align: justify;
...
}
Try removing it in the development console.
Upvotes: 2