{"action":"created","issue":{"url":"https://api.github.com/repos/meandmax/lory/issues/21","labels_url":"https://api.github.com/repos/meandmax/lory/issues/21/labels{/name}","comments_url":"https://api.github.com/repos/meandmax/lory/issues/21/comments","events_url":"https://api.github.com/repos/meandmax/lory/issues/21/events","html_url":"https://github.com/meandmax/lory/issues/21","id":79344002,"number":21,"title":"Looks like it's not working if width isn't specified","user":{"login":"SiamKreative","id":1778633,"avatar_url":"https://avatars.githubusercontent.com/u/1778633?v=3","gravatar_id":"","url":"https://api.github.com/users/SiamKreative","html_url":"https://github.com/SiamKreative","followers_url":"https://api.github.com/users/SiamKreative/followers","following_url":"https://api.github.com/users/SiamKreative/following{/other_user}","gists_url":"https://api.github.com/users/SiamKreative/gists{/gist_id}","starred_url":"https://api.github.com/users/SiamKreative/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SiamKreative/subscriptions","organizations_url":"https://api.github.com/users/SiamKreative/orgs","repos_url":"https://api.github.com/users/SiamKreative/repos","events_url":"https://api.github.com/users/SiamKreative/events{/privacy}","received_events_url":"https://api.github.com/users/SiamKreative/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-05-22T08:03:20Z","updated_at":"2015-05-27T18:55:49Z","closed_at":"2015-05-27T18:55:49Z","body":"When I copied the markup + Prerequisted CSS styles from the demo page, slider didn't work. It seems to be because in the demo you actually specify a fixed width for the `li` element.\r\n\r\n```css\r\n.simple li {\r\n\twidth: 270px;\r\n\tmargin-right: 10px;\r\n}\r\n@media screen and (min-width: 640px ) {\r\n\t.simple li {\r\n\t\twidth: 580px;\r\n\t}\r\n}\r\n@media screen and (min-width: 980px ) {\r\n\t.simple li {\r\n\t\twidth: 880px;\r\n\t}\r\n}\r\n```\r\n\r\nSo my question is... is there a way to make it work out of the box, without specifying a width? I feel like it's a bit annoying to specify a fixed width in a responsive context."},"comment":{"url":"https://api.github.com/repos/meandmax/lory/issues/comments/106035877","html_url":"https://github.com/meandmax/lory/issues/21#issuecomment-106035877","issue_url":"https://api.github.com/repos/meandmax/lory/issues/21","id":106035877,"user":{"login":"meandmax","id":6309638,"avatar_url":"https://avatars.githubusercontent.com/u/6309638?v=3","gravatar_id":"","url":"https://api.github.com/users/meandmax","html_url":"https://github.com/meandmax","followers_url":"https://api.github.com/users/meandmax/followers","following_url":"https://api.github.com/users/meandmax/following{/other_user}","gists_url":"https://api.github.com/users/meandmax/gists{/gist_id}","starred_url":"https://api.github.com/users/meandmax/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/meandmax/subscriptions","organizations_url":"https://api.github.com/users/meandmax/orgs","repos_url":"https://api.github.com/users/meandmax/repos","events_url":"https://api.github.com/users/meandmax/events{/privacy}","received_events_url":"https://api.github.com/users/meandmax/received_events","type":"User","site_admin":false},"created_at":"2015-05-27T18:55:49Z","updated_at":"2015-05-27T18:55:49Z","body":"Hey @SiamKreative,\r\n\r\nthis feature is currently not supported, because I didn`t want to handle styling in my JavaScript. \r\n\r\nBut if you want to set a own width of the slides dependent on the browser width you can always listen to the resize event and call lory.reset() afterwards which would re-initialize lory with the current widths of the slide elements.\r\n\r\nMaybe this is a little Add-on. I really try to keep lory as lightweight as possible! The way to go would be  to use the callbacks in the options and the public-api. If you need something that you can actually implement this, just tell me.\r\n\r\ncheers Max"}}