Side by Side Div Example

<style>
.container {
	display:grid;
	gap: 5px;
	grid-template-columns: repeat(3, 2fr);
	width: 100%;
	margin-inline: auto;
	text-align:center;
}

@media screen and (max-width: 1200px) {
.container {
	grid-template-columns: repeat(2, 2fr);
	}
}

@media screen and (max-width: 600px) {
.container {
	grid-template-columns: repeat(1, 2fr);
	}
}

.column {
	background-color: #ccc;
	margin:10px;
       padding:10px;
}
</style>

<div class="container">
	<div class="column">
		<form action="https://staff.adamstarpntool.com/flyer-builder-sku_groups/" method="POST">
		<input style="height:25px;width:100%;border:1px solid white !important;" type="text" name="add_group"><input style="width:100%;" type="submit" value="Add New Sku Group">
		</form>>
	</div>
	<div class="column">
		<form action="https://staff.adamstarpntool.com/flyer-builder-sku_groups/" method="POST">
		<input style="height:25px;width:100%;border:1px solid white !important;" type="text" name="edit_group"><input style="width:100%;"type="submit" value="Edit Sku Group">
		</form>
	</div>
	<div class="column">
		<form action="https://staff.adamstarpntool.com/flyer-builder-sku_groups/" method="POST">
		<input style="height:25px;width:100%;border:1px solid white !important;" type="text" name="delete_group"><input style="width:100%;" type="submit" value="Delete Sku Group">
		</form>
	</div>
</div>