CSS Grid for Framer X

Grid.tsx

import * as React from 'react'

const container: React.CSSProperties = {
	width: '100%',
	height: '100%',
	display: 'grid',
	gridTemplateColumns: '10rem 10rem 10rem 10rem'
}

const item: React.CSSProperties = {
	width: '100%',
	height: '100%',
	display: 'grid',
	color: '#8855FF',
	background: 'rgba(136, 85, 255, 0.1)',
	borderColor: 'rgba(136, 85, 255, 0.6)',
	borderWidth: 1,
	borderStyle: 'solid'
}

export class Grid extends React.Component {
	render() {
		return (
			<div style={container}>
				<div style={item}>Element</div>
				<div style={item}>Element</div>
				<div style={item}>Element</div>
				<div style={item}>Element</div>
			</div>
		)
	}
}