Online drag and drop css layout generator to generate html file
Drag and drop the square to generate html and css file
Click 'AddItem' to add a square.
Drag drop and resize to the appropriate size and area.
Add multiple items to create the CSS grid layouts.
Click 'Preview' to preview the HTML output.
Click 'Download .HTML' to download the html file created by the system.
https://www.dndcss.com/