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

Stop my elements from moving when zoomed

  • # July 13, 2013 at 12:49 pm

    Im following this tutorial ( and once i had finished and moved to my main PC i realised that the end result doesn’t display correctly , the boxes move when zoomed or look differently on different resolutions i new to CSS but what would i have to change to make them display properly and no move around when zoomed?

    Would a fluid layout be the solution and how would i implement it?

    # July 13, 2013 at 1:21 pm

    Anybody have any tips?

    # July 13, 2013 at 3:26 pm

    Rather than getting us to follow this tutorial. It would be easier if we could see some code. Perhaps on [CodePen]( “”) ?

    # July 14, 2013 at 6:15 am

    I have uploaded the code to this link

    # July 14, 2013 at 8:56 am

    They look fine to me when comparing with the demo ? And what do you mean by ‘zoomed’.

    # July 14, 2013 at 9:22 am

    He means hitting Ctrl+ (on Windows) to zoom into the page.

    # July 14, 2013 at 11:27 am

    I did mean what paulie said , also my resolution is 1920 x 1080 , the elements don’t line up correctly when i view it in full windows , however in a tiled window it seems fine

Viewing 7 posts - 1 through 7 (of 7 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