Columns span to next row - not a bug

Hi all, don’t want to open a can of worms, keeping it purely Blocs solutions or methods for a recent problem and possible bug highlighted. If anybody gets a situation where their columns appear to span to the next row, it’s not a bug in Blocs, but more then likely margins and padding of content, whether it is text, images etc.

I had this myself, this is because I was used to a different system prior to switching to Blocs, the framework adding padding and margins, kind of behind the scene to columns, you applied in the presets of the framework to the columns. Which is all well and good, but at the time I didn’t realise that I wasn’t fully controllling what was happening. This puzzled me at first with Blocs, why is my column spanning to the next line? Then when I looked at the classes I realised that in Blocs I don’t add it to the columns I add to the content.

In this case, I don’t add padding or margins to the columns, I add to a DIV I’ve placed in each column. This could be an image or any other element, in this case a DIV that holds content.

So my structure is Column - Div (with padding and margin class added) - Paragraph.

I then get columns that appear to have spacing between them, kind of starting to form a cards looking setup.

As I say, the previous system I used before appeared to look as though I was adding this to the columns, hence the natural thought when moving to Blocs that I add it to columns also. When in fact the framework was doing extra steps behind the scenes and making it ‘user friendly’. This was all well and good, but when I adjusted to Blocs I have since realised I have far more control over what I am doing and stronger ability to troubleshoot problems in general as I am seeing exactly what is going on at all times.

Thought I would post this for any folk moving to Blocs from another system. I appreciate to other Blocs users there many be other more effective ways of doing this, this though works for me and is the beauty of Blocs, because we are working directly with what is being instructed with our methods there may be more than one way to do many things.

Screenshots attached.

(Mods feel free to close this post if you feel it may reactivate an argument, it’s meant for people switching to Blocs to clarify a typical issue that could be met)

Tah

Ben

6 Likes

Thanks for sharing! I am sure it will be useful to many people.

4 Likes

@SpookyDoo Thanks for taking the time to share this :raising_hands:t2:

2 Likes