[solved] @media-queries can't add padding/margi bottom to columns

[GroovyMotion]

I am tweaking my site, decided to go borderless except for the body-wrap and when applying @media-queries the 3 columns of 33.333% become 100% when below 615px. Since I no longer have borders/height, I can’t force the last column to get a bottom padding or margin! As you can see on my code, I tried to force the column and all it’s descendants and it still won’t work!

Here is my pen: http://codepen.io/GroovyMotion/pen/xiyJk/

Thanks in advance!

edit solved : I had to add .column-3:last-of-type {padding-bottom: 6em}

[Alen]

Much simpler approach is to use Mobile-First, here’s quick example

http://codepen.io/alenabdula/pen/vKJsE/

[GroovyMotion]

Yeah I should have done this! Thanks for the tip

[Author]

Posts