{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/8304","repository_url":"https://api.github.com/repos/zurb/foundation-sites","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/8304/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/8304/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/8304/events","html_url":"https://github.com/zurb/foundation-sites/issues/8304","id":137676039,"number":8304,"title":"flex grid nesting on fluid layout bug","user":{"login":"Magyargamer","id":1205491,"avatar_url":"https://avatars.githubusercontent.com/u/1205491?v=3","gravatar_id":"","url":"https://api.github.com/users/Magyargamer","html_url":"https://github.com/Magyargamer","followers_url":"https://api.github.com/users/Magyargamer/followers","following_url":"https://api.github.com/users/Magyargamer/following{/other_user}","gists_url":"https://api.github.com/users/Magyargamer/gists{/gist_id}","starred_url":"https://api.github.com/users/Magyargamer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Magyargamer/subscriptions","organizations_url":"https://api.github.com/users/Magyargamer/orgs","repos_url":"https://api.github.com/users/Magyargamer/repos","events_url":"https://api.github.com/users/Magyargamer/events{/privacy}","received_events_url":"https://api.github.com/users/Magyargamer/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/zurb/foundation-sites/labels/awaiting%20reply","name":"awaiting reply","color":"eb6420"},{"url":"https://api.github.com/repos/zurb/foundation-sites/labels/bug","name":"bug","color":"e11d21"},{"url":"https://api.github.com/repos/zurb/foundation-sites/labels/scss","name":"scss","color":"c6538c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2016-03-01T20:19:54Z","updated_at":"2016-03-23T14:24:45Z","closed_at":null,"body":"I just made a new  foundation 6.2 project and enabled the flex-grid\r\nI also changed the width to 100%\r\n\r\nWith these settings if I created a .row inside a .column div it wont stretch out to the full width. (Nesting)\r\nThe moment I changed $global-width to rem-calc(1200) everything works again."},"comment":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/comments/200366599","html_url":"https://github.com/zurb/foundation-sites/issues/8304#issuecomment-200366599","issue_url":"https://api.github.com/repos/zurb/foundation-sites/issues/8304","id":200366599,"user":{"login":"tinyfly","id":91300,"avatar_url":"https://avatars.githubusercontent.com/u/91300?v=3","gravatar_id":"","url":"https://api.github.com/users/tinyfly","html_url":"https://github.com/tinyfly","followers_url":"https://api.github.com/users/tinyfly/followers","following_url":"https://api.github.com/users/tinyfly/following{/other_user}","gists_url":"https://api.github.com/users/tinyfly/gists{/gist_id}","starred_url":"https://api.github.com/users/tinyfly/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tinyfly/subscriptions","organizations_url":"https://api.github.com/users/tinyfly/orgs","repos_url":"https://api.github.com/users/tinyfly/repos","events_url":"https://api.github.com/users/tinyfly/events{/privacy}","received_events_url":"https://api.github.com/users/tinyfly/received_events","type":"User","site_admin":false},"created_at":"2016-03-23T14:24:45Z","updated_at":"2016-03-23T14:24:45Z","body":"I'm running into this as well. I want to have a 100% fluid-width container.\r\n\r\nIf you set the Sass Variable `$global-width` to \"100% then have a nested flex grid like this:\r\n\r\n```html\r\n<div class=\"row\">\r\n  <div class=\"column\">\r\n    <h1>Some content</h1>\r\n\r\n    <div class=\"row\">\r\n      <div class=\"column\">...content...</div>\r\n      <div class=\"column\">...content...</div>\r\n    </div>\r\n  </div>\r\n</div>\r\n```\r\n\r\n![nested-column-bug](https://cloud.githubusercontent.com/assets/91300/13988152/abcd54cc-f0d8-11e5-9e59-b79b0b3ebb5c.png)\r\n\r\nThe nested row will not be 100% of the parent column. It'll be too narrow and it'll have some sort of space along the right margin. See the blue bar in the screenshot. It should stretch to the edge of the red parent.\r\n\r\nAs the original poster mentioned if you set `$global-width` back to a fixed value like `rem-calc(1200)` then the nested row stretches edge-to-edge of its parent column as expected."}}