Examples / JustifiedGrid - Keep ratio width maintained target ⋅ Storybook

Name	Description	Default	Control
defaultDirection	See API	end	startend
gap	See API	5
columnRange	See API	1,8	[1,8]
rowRange	See API	0
sizeRange	See API	200,1000	[200,1000]
isCroppedSize	See API	false	TrueFalse
displayedRow	See API	-1
stretch	See API	false	TrueFalse
stretchRange	See API	144,320	[144,320]
passUnstretchRow	See API	true	TrueFalse

<div class="container">
  <div class="image">
    <img src="https://naver.github.io/egjs-infinitegrid/assets/image/1.jpg" data-grid-maintained-target="" alt="image1" />
    <div class="title">Item 1</div>
  </div>
  <div class="image">
    <img src="https://naver.github.io/egjs-infinitegrid/assets/image/2.jpg" data-grid-maintained-target="" alt="image2" />
    <div class="title">Item 2</div>
  </div>
  <div class="image">
    <img src="https://naver.github.io/egjs-infinitegrid/assets/image/3.jpg" data-grid-maintained-target="" alt="image3" />
    <div class="title">Item 3</div>
  </div>
  <div class="image">
    <img src="https://naver.github.io/egjs-infinitegrid/assets/image/4.jpg" data-grid-maintained-target="" alt="image4" />
    <div class="title">Item 4</div>
  </div>
  <div class="image">
    <img src="https://naver.github.io/egjs-infinitegrid/assets/image/5.jpg" data-grid-maintained-target="" alt="image5" />
    <div class="title">Item 5</div>
  </div>
  <div class="image">
    <img src="https://naver.github.io/egjs-infinitegrid/assets/image/6.jpg" data-grid-maintained-target="" alt="image6" />
    <div class="title">Item 6</div>
  </div>
  <div class="image">
    <img src="https://naver.github.io/egjs-infinitegrid/assets/image/7.jpg" data-grid-maintained-target="" alt="image7" />
    <div class="title">Item 7</div>
  </div>
  <div class="image">
    <img src="https://naver.github.io/egjs-infinitegrid/assets/image/8.jpg" data-grid-maintained-target="" alt="image8" />
    <div class="title">Item 8</div>
  </div>
  <div class="image">
    <img src="https://naver.github.io/egjs-infinitegrid/assets/image/9.jpg" data-grid-maintained-target="" alt="image9" />
    <div class="title">Item 9</div>
  </div>
  <div class="image">
    <img src="https://naver.github.io/egjs-infinitegrid/assets/image/10.jpg" data-grid-maintained-target="" alt="image10" />
    <div class="title">Item 10</div>
  </div>
</div>