I am pretty new to Bricks, and coding. So the’ problems’ I encounter are commonly my own lack of understanding (I am of course working hard to get better).
I am adding the following custom CSS to a grid with multiple cards The cards are in a container, and I am adding the CSS to the container:
%root% {
column-count: 2;
}
To test if I am using the correct class I have used this code:
%root% {
border: 5px solid red;
}
The border one is working, but the column one isn’t. Is there something obvious I am doing wrong here?
I am following along Kevin’s 101 course. In this specific case we are building a 'grid like structure, but it isn’t a grid. We want to use CSS columns. That’s why he uses custom CSS. The ‘grid’ is displayed as ‘block’, and then he applies the simple code to the CSS field.
The screenshot shows what I am trying to build.
I must be missing something, but I don’t know if I have provided enough information for you to determine what it is
Thank you for your reply. It did help me find the problem.
I had displayed the container as ‘block’, but on the class. I thought I have to apply the CSS to the class, so I went to the div, selected the class and made it in to a block. Then I added the CSS. This didn’t work.
When I ‘unchecked’ the class, displayed ‘block’ and added the custom CSS, it did work.
I don’t yet totally understand why this is I am learning to understand the class based structure, how to apply classes and where to edit things in the builder. Thanks a lot for your input. Really simple things can be hard to find out in the beginning. I appreciate the help.
