{"comment":{"url":"https://api.github.com/repos/jenlij/power_calculator/comments/16683969","html_url":"https://github.com/jenlij/power_calculator/commit/333367224074795327f995023b1bb06c75bd994e#commitcomment-16683969","id":16683969,"user":{"login":"Frencil","id":143358,"avatar_url":"https://avatars.githubusercontent.com/u/143358?v=3","gravatar_id":"","url":"https://api.github.com/users/Frencil","html_url":"https://github.com/Frencil","followers_url":"https://api.github.com/users/Frencil/followers","following_url":"https://api.github.com/users/Frencil/following{/other_user}","gists_url":"https://api.github.com/users/Frencil/gists{/gist_id}","starred_url":"https://api.github.com/users/Frencil/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Frencil/subscriptions","organizations_url":"https://api.github.com/users/Frencil/orgs","repos_url":"https://api.github.com/users/Frencil/repos","events_url":"https://api.github.com/users/Frencil/events{/privacy}","received_events_url":"https://api.github.com/users/Frencil/received_events","type":"User","site_admin":false},"position":69,"line":150,"path":"css/style.css","commit_id":"333367224074795327f995023b1bb06c75bd994e","created_at":"2016-03-14T15:47:20Z","updated_at":"2016-03-14T15:47:20Z","body":"This CSS directive (along with the same ones in `.graph2` and `.graph3`) set an absolute width of `280px`, but some displays (notably mobile phone viewports in a vertical orientation) don't have enough pixel width to display this gracefully. To make this more responsive try setting these values to `100%`.\r\n\r\nWhile that will keep the results bars from rendering outside of the table it will also make the first column on the results table take up most of the horizontal space because the text content on those columns will want to expand. One easy (but kind of hacky) way to get around this: set the width on the first cell (`<td>`) of the first column to an appropriate proportional size (e.g. `<td width=\"25%\">`)."}}