JSFiddle - React, Tailwind, and code Playground

by shahryar saljoughi

HTML

<div id="svg-container">
    <svg width='100%' height='100%' viewBox="0 0 1000 1000" preserveAspectRatio="none" style='background-color: whitesmoke'>
        <rect x='40%' y='40%' width='25%' height='25%' />
        
        <polygon points="0,0 0,1000 300,200 300,0" />
        <polygon points="300,0 300,200 600,0 600,0" />
        <polygon points="600,0 600,0 900,300 900,0" />
    </svg>
</div>

CSS

#svg-container {
    width: 100%;
    height: 100%;
}