JSFiddle - React, Tailwind, and code Playground

by lazthewiz

HTML

<DIV>
    <SVG id=svg viewBox="0 0 160 90" preserveAspectRatio="xMinYMin">
        <rect x=0 y=0 width=80 height=90 fill='#444'></rect>
        
        <rect x=80 y=0 width=80 height=90 fill='#888'></rect>
    </SVG>
</DIV>

CSS

DIV {
    width: 200px;
    height: 200px;    
}

SVG {
    width: 100%;
    height: 100%;
}

JavaScript

$("DIV").append(
    "width:"+$("#svg").width()  //should be 200
).append(
    " height:"+$("#svg").width()  //should be 113
)