{"action":"created","issue":{"url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/8124","repository_url":"https://api.github.com/repos/gatsbyjs/gatsby","labels_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/8124/labels{/name}","comments_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/8124/comments","events_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/8124/events","html_url":"https://github.com/gatsbyjs/gatsby/issues/8124","id":359965839,"node_id":"MDU6SXNzdWUzNTk5NjU4Mzk=","number":8124,"title":"Different image sizes problem with  gatsby-transformer-sharp","user":{"login":"wiched","id":6339893,"node_id":"MDQ6VXNlcjYzMzk4OTM=","avatar_url":"https://avatars2.githubusercontent.com/u/6339893?v=4","gravatar_id":"","url":"https://api.github.com/users/wiched","html_url":"https://github.com/wiched","followers_url":"https://api.github.com/users/wiched/followers","following_url":"https://api.github.com/users/wiched/following{/other_user}","gists_url":"https://api.github.com/users/wiched/gists{/gist_id}","starred_url":"https://api.github.com/users/wiched/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wiched/subscriptions","organizations_url":"https://api.github.com/users/wiched/orgs","repos_url":"https://api.github.com/users/wiched/repos","events_url":"https://api.github.com/users/wiched/events{/privacy}","received_events_url":"https://api.github.com/users/wiched/received_events","type":"User","site_admin":false},"labels":[{"id":214544677,"node_id":"MDU6TGFiZWwyMTQ1NDQ2Nzc=","url":"https://api.github.com/repos/gatsbyjs/gatsby/labels/type:%20question%20or%20discussion","name":"type: question or discussion","color":"d4c5f9","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":7,"created_at":"2018-09-13T16:13:34Z","updated_at":"2018-09-14T17:53:23Z","closed_at":null,"author_association":"NONE","body":"Hey guys,\r\n\r\nI am trying to optimize my website with Gatsby and gatsby-transformer-sharp.\r\nmy images are resizing on mobile but on a desktop, the image is not contained in the container and its full size and breaking everything.\r\nI am on gatsby v2.\r\n\r\nRelevant codes:\r\n```\r\n   const { data } = this.props\r\n    const webdev = data.fluidImages.childImageSharp.fluid\r\n```\r\n```\r\n query {\r\n    allImageSharp {\r\n      edges {\r\n        node {\r\n          ... on ImageSharp {\r\n            fluid {\r\n              src\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    fluidImages: file(relativePath: { regex: \"/web-development/\" }) {\r\n      childImageSharp {\r\n        fluid(duotone: { highlight: \"#f00e2e\", shadow: \"#192550\" }) {\r\n          base64\r\n          aspectRatio\r\n          src\r\n          srcSet\r\n          sizes\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n```\r\n ```\r\n<Col md={3} className=\"col__order-development\">\r\n                  <article>\r\n                    <div className=\"inner-block\">\r\n                      <figure className=\"page1-img1\">\r\n                        <a\r\n                          rel=\"bookmark\"\r\n                          href=\"/uslugi/izrabotka-na-sait\"\r\n                          className=\"link1\"\r\n                        >\r\n                          <picture>\r\n                            <source\r\n                              srcSet={webdev.srcSet}\r\n                              sizes={webdev.sizes}\r\n                            />\r\n                            <img alt=\"Изработка на уеб сайт\" src={webdev.src} />\r\n                          </picture>\r\n                          {console.log(webdev)}\r\n                        </a>\r\n                      </figure>\r\n                      <h3>\r\n                        <a\r\n                          rel=\"bookmark\"\r\n                          href=\"/uslugi/izrabotka-na-sait\"\r\n                          className=\"link1\"\r\n                        >\r\n                          Web Development\r\n                        </a>\r\n                      </h3>\r\n                      <p className=\"p6\">\r\n                        Lorem ipsum dolor sit amet\r\n                      </p>\r\n                    </div>\r\n                  </article>\r\n                </Col>\r\n```\r\n\r\n\r\n\r\nhttps://www.prettystyle.store/services/ - live build url\r\n\r\nProject repo: https://github.com/wiched/gatsby\r\nBest regards"},"comment":{"url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/comments/421435998","html_url":"https://github.com/gatsbyjs/gatsby/issues/8124#issuecomment-421435998","issue_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/8124","id":421435998,"node_id":"MDEyOklzc3VlQ29tbWVudDQyMTQzNTk5OA==","user":{"login":"wiched","id":6339893,"node_id":"MDQ6VXNlcjYzMzk4OTM=","avatar_url":"https://avatars2.githubusercontent.com/u/6339893?v=4","gravatar_id":"","url":"https://api.github.com/users/wiched","html_url":"https://github.com/wiched","followers_url":"https://api.github.com/users/wiched/followers","following_url":"https://api.github.com/users/wiched/following{/other_user}","gists_url":"https://api.github.com/users/wiched/gists{/gist_id}","starred_url":"https://api.github.com/users/wiched/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wiched/subscriptions","organizations_url":"https://api.github.com/users/wiched/orgs","repos_url":"https://api.github.com/users/wiched/repos","events_url":"https://api.github.com/users/wiched/events{/privacy}","received_events_url":"https://api.github.com/users/wiched/received_events","type":"User","site_admin":false},"created_at":"2018-09-14T17:53:23Z","updated_at":"2018-09-14T17:53:23Z","author_association":"NONE","body":"Sizes are generated from the gatsby-image <Img /> tag, right?\r\n\r\nI tried to add sizes to the Img component but I get an error that it expects to be an object.\r\nI created a variable and copied the sizes, aspectRatio, src and srcSet and modified them and it works, but do I have to do that for all images? \r\n\r\nThis seems like a lot of work for something that appears to be automatic, or am I doing something wrong?"}}
{"actor":{"display_login":"wiched"}}