在YUI3中替换YUI网格？

<div class="yui3-g">
  <div class="yui3-u-1-4">Column 1</div>
  <div class="yui3-u-3-4">Column 2</div>
</div>

YUI().use('grid', function(Y) {
  var container = Y.one('.yui3-g');
  var grid = new Y.Grid();
  grid.render(container);
});

<div class="flex-container">
  <div class="flex-item">Column 1</div>
  <div class="flex-item">Column 2</div>
</div>

.flex-container {
  display: flex;
}

.flex-item {
  flex: 1;
}

<div class="grid-container">
  <div class="grid-item">Column 1</div>
  <div class="grid-item">Column 2</div>
</div>

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}