The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Margin-top being ignored on certain pages

  • # April 25, 2013 at 1:31 pm


    If you go to: and resize your browser to a mobile width you will see there is a 30px margin between each recipe.

    However you go to this page: and do the same thing the margin is not being used and the blocks seem to be different sizes. I am pretty sure the mark-up for them is the same so do not know what is causing this to happen.

    # April 25, 2013 at 1:50 pm

    I’m not sure why, but it looks like `display: inline-block;` is missing on the 2nd page there for .rcpBox, adding that seems to fix it.

    It appears on the first page these boxes are using `.slidesContainer .slidercp .rcpBox {}` under `@media=”all”` for their css rules, whereas on the second page they are only using `.slidesContainer .rcpBox {}` under `@media screen and (max-width: 1000px` which seems to be missing the `display: inline-block`

    Hope this helps.

    # April 25, 2013 at 2:06 pm

    This reply has been reported for inappropriate content.

    Ah that worked- thanks!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed