Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • in reply to: 4 Columns Grid bug on Chrome with high resolution screen #18051

    kantik
    Participant

    I made the change only for retina because I’ve not this bug on normal screens, even on a dual screen (more than 3400 pixels of width).

    With your patch, which makes thankfully the 4 columns working on a retina screen (anyway for Microsoft Surface), it makes strange movements on the images from the grid when resizing manually the window. But the important thing is that the 4 columns layout is now working.

    However, there is no problem when choosing a 3 or 5 columns layout.

    Best

    in reply to: 4 Columns Grid bug on Chrome with high resolution screen #18043

    kantik
    Participant

    Hi,

    I tried, and it works, but it disables the smooth/nice animation when resizing the window.
    In place, the images from the grid go weirdly to bottom/right when resizing.
    It’s not that serious, so for the time being I put this, in order to apply your code only on retina screens:

    @media 
    (-webkit-min-device-pixel-ratio: 1.25), 
    (min-resolution: 120dpi){ 
        .ux-portfolio-4col .grid-list { height: auto!important; display: flex;
    flex-wrap: wrap;}
    .ux-portfolio-4col .grid-list .grid-item  { position:
    relative!important; left: 0!important; top: 0!important;}
    }
    

    Thanks for your reply

    in reply to: 4 Columns Grid bug on Chrome with high resolution screen #18037

    kantik
    Participant

    Thanks for your quick reply,

    here is the URL: http://alexandrabatina.com/Compositing

    It happens on a 2256×1504 Surface screen.

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

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!