The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #166287

    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:

    Thanks in advance!

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


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


    Yeah I should have done this! Thanks for the tip

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.