{"action":"created","issue":{"url":"https://api.github.com/repos/reactioncommerce/reaction-next-starterkit/issues/65","repository_url":"https://api.github.com/repos/reactioncommerce/reaction-next-starterkit","labels_url":"https://api.github.com/repos/reactioncommerce/reaction-next-starterkit/issues/65/labels{/name}","comments_url":"https://api.github.com/repos/reactioncommerce/reaction-next-starterkit/issues/65/comments","events_url":"https://api.github.com/repos/reactioncommerce/reaction-next-starterkit/issues/65/events","html_url":"https://github.com/reactioncommerce/reaction-next-starterkit/issues/65","id":318106388,"number":65,"title":"Product grid image size issue","user":{"login":"mikemurray","id":42217,"avatar_url":"https://avatars3.githubusercontent.com/u/42217?v=4","gravatar_id":"","url":"https://api.github.com/users/mikemurray","html_url":"https://github.com/mikemurray","followers_url":"https://api.github.com/users/mikemurray/followers","following_url":"https://api.github.com/users/mikemurray/following{/other_user}","gists_url":"https://api.github.com/users/mikemurray/gists{/gist_id}","starred_url":"https://api.github.com/users/mikemurray/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mikemurray/subscriptions","organizations_url":"https://api.github.com/users/mikemurray/orgs","repos_url":"https://api.github.com/users/mikemurray/repos","events_url":"https://api.github.com/users/mikemurray/events{/privacy}","received_events_url":"https://api.github.com/users/mikemurray/received_events","type":"User","site_admin":false},"labels":[{"id":889197960,"url":"https://api.github.com/repos/reactioncommerce/reaction-next-starterkit/labels/bug","name":"bug","color":"d73a4a","default":true}],"state":"open","locked":false,"assignee":{"login":"kieckhafer","id":4482263,"avatar_url":"https://avatars2.githubusercontent.com/u/4482263?v=4","gravatar_id":"","url":"https://api.github.com/users/kieckhafer","html_url":"https://github.com/kieckhafer","followers_url":"https://api.github.com/users/kieckhafer/followers","following_url":"https://api.github.com/users/kieckhafer/following{/other_user}","gists_url":"https://api.github.com/users/kieckhafer/gists{/gist_id}","starred_url":"https://api.github.com/users/kieckhafer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kieckhafer/subscriptions","organizations_url":"https://api.github.com/users/kieckhafer/orgs","repos_url":"https://api.github.com/users/kieckhafer/repos","events_url":"https://api.github.com/users/kieckhafer/events{/privacy}","received_events_url":"https://api.github.com/users/kieckhafer/received_events","type":"User","site_admin":false},"assignees":[{"login":"kieckhafer","id":4482263,"avatar_url":"https://avatars2.githubusercontent.com/u/4482263?v=4","gravatar_id":"","url":"https://api.github.com/users/kieckhafer","html_url":"https://github.com/kieckhafer","followers_url":"https://api.github.com/users/kieckhafer/followers","following_url":"https://api.github.com/users/kieckhafer/following{/other_user}","gists_url":"https://api.github.com/users/kieckhafer/gists{/gist_id}","starred_url":"https://api.github.com/users/kieckhafer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kieckhafer/subscriptions","organizations_url":"https://api.github.com/users/kieckhafer/orgs","repos_url":"https://api.github.com/users/kieckhafer/repos","events_url":"https://api.github.com/users/kieckhafer/events{/privacy}","received_events_url":"https://api.github.com/users/kieckhafer/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/reactioncommerce/reaction-next-starterkit/milestones/3","html_url":"https://github.com/reactioncommerce/reaction-next-starterkit/milestone/3","labels_url":"https://api.github.com/repos/reactioncommerce/reaction-next-starterkit/milestones/3/labels","id":3274507,"number":3,"title":"Democrat","description":"Core Team Sprint\nBegin: May 1, 2018\nEnd: May 14, 2018","creator":{"login":"spencern","id":1203639,"avatar_url":"https://avatars0.githubusercontent.com/u/1203639?v=4","gravatar_id":"","url":"https://api.github.com/users/spencern","html_url":"https://github.com/spencern","followers_url":"https://api.github.com/users/spencern/followers","following_url":"https://api.github.com/users/spencern/following{/other_user}","gists_url":"https://api.github.com/users/spencern/gists{/gist_id}","starred_url":"https://api.github.com/users/spencern/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/spencern/subscriptions","organizations_url":"https://api.github.com/users/spencern/orgs","repos_url":"https://api.github.com/users/spencern/repos","events_url":"https://api.github.com/users/spencern/events{/privacy}","received_events_url":"https://api.github.com/users/spencern/received_events","type":"User","site_admin":false},"open_issues":8,"closed_issues":0,"state":"open","created_at":"2018-04-17T16:01:02Z","updated_at":"2018-05-01T14:04:59Z","due_on":"2018-05-14T07:00:00Z","closed_at":null},"comments":0,"created_at":"2018-04-26T16:27:44Z","updated_at":"2018-05-02T03:36:09Z","closed_at":null,"author_association":"MEMBER","body":"\r\n## Issue\r\n\r\nProduct grid items can have different sizes. The height of the medium and large grid items seems to be affected by the image. The height of images should all remain the same, but their widths should be different based on their weights.\r\n\r\n### The highlighted image below shoun't be tall...\r\n\r\nI should be the same height as the item next to it, but just as wide as it is now.\r\n\r\n![reaction_shop](https://user-images.githubusercontent.com/42217/39318356-c586d528-4932-11e8-9584-bd86d5b8c864.png)\r\n\r\n## Possible Solution\r\n\r\nImages need to `object-fit` cover. "},"comment":{"url":"https://api.github.com/repos/reactioncommerce/reaction-next-starterkit/issues/comments/385855580","html_url":"https://github.com/reactioncommerce/reaction-next-starterkit/issues/65#issuecomment-385855580","issue_url":"https://api.github.com/repos/reactioncommerce/reaction-next-starterkit/issues/65","id":385855580,"user":{"login":"kieckhafer","id":4482263,"avatar_url":"https://avatars2.githubusercontent.com/u/4482263?v=4","gravatar_id":"","url":"https://api.github.com/users/kieckhafer","html_url":"https://github.com/kieckhafer","followers_url":"https://api.github.com/users/kieckhafer/followers","following_url":"https://api.github.com/users/kieckhafer/following{/other_user}","gists_url":"https://api.github.com/users/kieckhafer/gists{/gist_id}","starred_url":"https://api.github.com/users/kieckhafer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kieckhafer/subscriptions","organizations_url":"https://api.github.com/users/kieckhafer/orgs","repos_url":"https://api.github.com/users/kieckhafer/repos","events_url":"https://api.github.com/users/kieckhafer/events{/privacy}","received_events_url":"https://api.github.com/users/kieckhafer/received_events","type":"User","site_admin":false},"created_at":"2018-05-02T03:36:09Z","updated_at":"2018-05-02T03:36:09Z","author_association":"MEMBER","body":"@mikemurray what are your thoughts on the best way to go about this? Traditionally, I'd say set a fixed height (i.e. 325px), an then adjust that with media queries based on the width. Since we no longer have any stylesheets though, what's a good way to do this?"}}
{"actor":{"display_login":"kieckhafer"}}