CSS scalin'

by wittnl

HTML

<svg width="100%">
  <g>
    <rect d="0 0 100 100" />
  </g>
</svg>

CSS

body {
  font: 60px/60px arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

.parent {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.child {
  background: #CCC;
  width: 50%;
  flex-grow: 1;
  flex-shrink: 1;
}