gridstack.js issue base

Use this as a base for examples for gridstack.js issues.

HTML

<script src="https://cdn.jsdelivr.net/npm/gridstack@11.1.2/dist/gridstack-all.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gridstack@11.1.2/dist/gridstack.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gridstack@11.1.2/dist/gridstack.min.css">
    <div class="grid-stack gs-12 grid-stack-animate">
      <div class="grid-stack-item" gs-id="1" gs-w="6">
        <div class="grid-stack-item-content">
          <img src="https://placehold.co/100x50/?text=1">
        </div>
      </div>
     </div>

CSS

* {
  margin: 0;
}

img {
  border: 2px solid chocolate;
  width: 100%;
}

.grid-stack-item {
  border: 1px solid blue;
}

JavaScript

window.onload = function() {
  const opts = {
    margin: '0px',
    //cellHeight: '1px',
    sizeToContent: true,
    resizable: {handles: 'all'},
    column: 12,
  };
  var objGridStack = GridStack.init({...opts});
};