Adjust Responsive Padding for Block Grid

[Crystal Hamilton]

Hello,

I have been trying to adjust the bottom padding for the three-block tier for the post block grids on the tablet landscape orientation using google dev tools. I can change it using the tools, but I must not be using the correct media query for it to take effect.

Please help point me in the right direction. I simply need to reduce the padding-bottom of the three blocks so they can fit into the ultimate page grid.

The CSS will be to alter the tablet landscape orientation. Here is what I need the styling to be:

.home .lae-module-3.lae-small-thumb {
padding-bottom: 13%;
}

I just happened to have it in percentage form. You can provide pixels if need be. Just so I can get the grid to fit correctly.

Thanks for all your help!

http://www.kidfitstrong.com

[Veena]

You can use like this –

@media (max-width: 1024px){
.home .lae-module-3.lae-small-thumb {
padding-bottom: 13%;
}}

[Author]

Posts