{"action":"created","issue":{"url":"https://api.github.com/repos/brunjo/rowGrid.js/issues/19","labels_url":"https://api.github.com/repos/brunjo/rowGrid.js/issues/19/labels{/name}","comments_url":"https://api.github.com/repos/brunjo/rowGrid.js/issues/19/comments","events_url":"https://api.github.com/repos/brunjo/rowGrid.js/issues/19/events","html_url":"https://github.com/brunjo/rowGrid.js/issues/19","id":109642393,"number":19,"title":"Few problems with rowGrid.js","user":{"login":"inliquid","id":6797881,"avatar_url":"https://avatars.githubusercontent.com/u/6797881?v=3","gravatar_id":"","url":"https://api.github.com/users/inliquid","html_url":"https://github.com/inliquid","followers_url":"https://api.github.com/users/inliquid/followers","following_url":"https://api.github.com/users/inliquid/following{/other_user}","gists_url":"https://api.github.com/users/inliquid/gists{/gist_id}","starred_url":"https://api.github.com/users/inliquid/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/inliquid/subscriptions","organizations_url":"https://api.github.com/users/inliquid/orgs","repos_url":"https://api.github.com/users/inliquid/repos","events_url":"https://api.github.com/users/inliquid/events{/privacy}","received_events_url":"https://api.github.com/users/inliquid/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-10-03T20:08:15Z","updated_at":"2015-10-06T18:33:28Z","closed_at":null,"body":"Hi!\r\n\r\nSorry, if this is not very right place for such report. In fact, rowGrid is embeded in CMS, which I use as the base for my website, but maintainers of CMS said that they can't help me as the problems I facing are likely to be on rowGrid side.\r\n\r\n1) First of all rowGrid works great in 99.999% cases when the size of screen is large, lets say 1920px, in most browsers when there is no additional styles applied.\r\n\r\nFor example: http://artlab.club/graphic-kitchen-akaz/privetstvie-2.html\r\n\r\nHowever I have an option when users apply their own branding to their blogs, meaning there is additional CSS in the page code. One of the significant changes (to my mind) is that there is \r\n```padding: 20px;```\r\nstyle added to the div where photoset resides.\r\n\r\nExamples of wrong alingment: \r\nhttp://artlab.club/radha/oranzhevoe-nastroenie.html\r\n\r\n![1](https://cloud.githubusercontent.com/assets/6797881/8809447/6325dada-2ff1-11e5-930a-ab675860f109.png)\r\n\r\n\r\nhttp://artlab.club/daria_miazhevich/pro-otnoshenie-k-printshopam.html\r\n\r\n![1](https://cloud.githubusercontent.com/assets/6797881/9229721/27068ae4-4127-11e5-97f9-c3fda8e84b5d.png)\r\n\r\nAlingment also depends on the screen scale and size, f.i. the picture above I got on all (17\", 24\") 1920x1080 monitors both in Chrome and Mozilla but with 100% scale. If I set screen zoom to 125% which is default in many Windows systems, it looks a little bit different (but still having this issue with alignment).\r\n \r\n2) Secondly I'm still getting this issue, with tiny images but only in Chrome. I have changed this code:\r\n```\r\nfunction setRowGrid() {\r\n           $('.js-topic-photoset-list').rowGrid({\r\n               itemSelector: '.topic-photoset-item',\r\n               minMargin: 10,\r\n                maxMargin: 15,\r\n               resize: false,\r\n                lastRowClass: 'topic-photoset-last_row',\r\n               firstItemClass: \"first-item\"\r\n             });\r\n         }\r\n```\r\nTo this one:\r\n```\r\nfunction setRowGrid() {\r\n           $('.js-topic-photoset-list img').load(function () {\r\n               $('.js-topic-photoset-list').rowGrid({\r\n                    itemSelector: '.topic-photoset-item',\r\n                    minMargin: 10,\r\n                    maxMargin: 15,\r\n                    resize: false,\r\n                    lastRowClass: 'topic-photoset-last_row',\r\n                    firstItemClass: \"first-item\"\r\n               });\r\n             });\r\n         }\r\n```\r\nAnd still getting this issue\r\n\r\nhttp://artlab.club/letta-art/pervyj-mesyacz-risovaniya-v-365-itogi-i-razmyshleniya.html\r\n\r\n![1](https://cloud.githubusercontent.com/assets/6797881/10223846/d5ee5b00-6863-11e5-96e9-9b88ddaa30a0.png)\r\n\r\nhttp://artlab.club/radha/oranzhevoe-nastroenie.html\r\n\r\n![2](https://cloud.githubusercontent.com/assets/6797881/10223923/2d1a18e2-6864-11e5-8b69-e98c44a6ddc0.png)\r\n\r\nYou need to press referesh several times to reproduce. \r\n\r\nHowever it seems that this problem is now only in Chrome. In FF I wasn't able to get to same results.\r\n\r\n\r\nYou may find that rowGrid.js is not the latest release, but I already tried latest 1.0.3 version and also tried to play with different options like min/max margin, resize, etc. I have test server and I could give you the link to see how it works there. (It's almost the same)\r\n\r\nPlease help, have now idea what to try else. \r\nAny advice would be appreciated......\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/brunjo/rowGrid.js/issues/comments/145957736","html_url":"https://github.com/brunjo/rowGrid.js/issues/19#issuecomment-145957736","issue_url":"https://api.github.com/repos/brunjo/rowGrid.js/issues/19","id":145957736,"user":{"login":"brunjo","id":1618488,"avatar_url":"https://avatars.githubusercontent.com/u/1618488?v=3","gravatar_id":"","url":"https://api.github.com/users/brunjo","html_url":"https://github.com/brunjo","followers_url":"https://api.github.com/users/brunjo/followers","following_url":"https://api.github.com/users/brunjo/following{/other_user}","gists_url":"https://api.github.com/users/brunjo/gists{/gist_id}","starred_url":"https://api.github.com/users/brunjo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/brunjo/subscriptions","organizations_url":"https://api.github.com/users/brunjo/orgs","repos_url":"https://api.github.com/users/brunjo/repos","events_url":"https://api.github.com/users/brunjo/events{/privacy}","received_events_url":"https://api.github.com/users/brunjo/received_events","type":"User","site_admin":false},"created_at":"2015-10-06T18:33:28Z","updated_at":"2015-10-06T18:33:28Z","body":"Hi,\r\n\r\nyou should add this to your CSS:\r\n```CSS\r\n.topic-photoset-item a {\r\n  display: block;\r\n}\r\n```\r\nI think this should fix the errors. If you still have problems don't hesitate to write again.\r\n\r\nYou should also set the `resize` option to `true` instead of `false` because you have a responsive design. "}}