Grow your CSS skills. Land your dream job.

turning off a div in fluid grid tablet mode turns it off on desktop mode and phone mode as well

  • # May 8, 2013 at 10:10 pm

    does anybody have any idea what causes a mediaquery tablet css command

    .videoContainer .edge {
    float: left;
    width: 33% !important;
    position:relative;
    padding-bottom:38%;
    height:0;
    overflow:hidden;
    display: none;
    }

    to turn off the desktop version as well? this is driving me nuts.
    desktop version (has it’s own style sheet)

    .videoContainer .edge {
    float: left;
    width: 33% !important;
    position:relative;
    padding-bottom:38%;
    height:0;
    overflow:hidden;
    }

    would appreciate any insight.

    # May 8, 2013 at 10:49 pm

    It inherits `display:none;` from the initial media query, then you never display it back, using `display:block;`.

    # May 9, 2013 at 1:13 pm

    alen,
    you are my newest, best friend. thank you so much. i wasn’t looking, seeing the forest through the trees sort of thing.

    thanks again!

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".