dev.bahamasrealty.com quicksearch layout css grid idea

gistfile1.txt

@supports( display: grid)
{
	#quicksearch form {
		display: grid;
		grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
		grid-gap: .5em;
		min-height: 208px;
		justify-content: center;
	}
	
	#quicksearch form div {
		display: grid;
		/* align-content: stretch; */
		/* align-items: stretch; */
		margin: 0;
	}
	
	#quicksearch select {
		all: inherit;
		text-align: left;
		padding-left: 0.5em;
		width: 100%;
		border: 1px solid rgb(204, 204, 204);
		box-sizing: border-box;
		white-space: nowrap;

		/* webkit */
		align-items: center;
	}
	
	#quicksearch input.text {
		height: auto;
	}

	#quicksearch input.submit {
		grid-column: 1 / -1;
	}
}