Three-column page content with blocks
I have a list of things in a three-column layout. I want to add some extra information to each item but I got into the problem that column changes between header and content of a block like in the image (issue is between first and second column).
This is my current css:
@media only screen and (min-width: 961px) {
div.three-column {
column-count: 3;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
}
How could I fix this? Each block is a div already.
This is my current css:
@media only screen and (min-width: 961px) {
div.three-column {
column-count: 3;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
}
How could I fix this? Each block is a div already.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time ๐.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
