/* .parent { */
/* display: grid; */
/* grid-template-columns: repeat(3, 1fr); */
/* grid-template-rows: repeat(4, 1fr); */
/* grid-column-gap: 0px; */
/* grid-row-gap: 0px; */
/* } */

/* .div1 { grid-area: 1 / 1 / 3 / 3; background-color:red;} */
/* .div2 { grid-area: 3 / 1 / 4 / 2; background-color:blue;} */
/* .div3 { grid-area: 3 / 2 / 4 / 3; background-color:yellow;} */
/* .div4 { grid-area: 1 / 3 / 4 / 4; background-color:orange;} */
/* .div5 { grid-area: 4 / 1 / 5 / 2; background-color:aqua;} */
/* .div6 { grid-area: 4 / 2 / 5 / 3; background-color:#123456;} */
/* .div7 { grid-area: 4 / 3 / 5 / 4; background-color:#098765;} */

.parent {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.div1 { 
	grid-area: 1 / 1 / 2 / 2; 
	background-color:#D2D1D1;
	margin:0 5 5 0;
	padding:20px;
}
.div1:hover {
	transition: all 0.3s ease-out;
	transform: scale(0.95, 0.95);
	background:#B0B0B0;
}
.div2 { 
	grid-area: 1 / 2 / 3 / 3;
	background-color:#D2D1D1;
	margin:0 0 5 0;
	padding:10px;
}
.div2:hover {
	transition: all 0.3s ease-out;
	transform: scale(0.95, 0.95);
	background:#B0B0B0;
}
.div3 { 
	grid-area: 2 / 1 / 3 / 2; 
	background-color:#D2D1D1;
	margin:0 5 5 0;
	padding:10px;
}
.div3:hover {
	transition: all 0.3s ease-out;
	transform: scale(0.95, 0.95);
	background:#B0B0B0;
}


@media (max-width: 830px) {
	.parent {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 3 / 1 / 4 / 2; }
}
@media screen and (max-width: 630px) {
	.parent {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 3 / 1 / 4 / 2; }
}

/* .parent_ { */
	/* display: grid; */
	/* grid-template-columns: repeat(2, 1fr); */
	/* grid-template-rows: 1fr; */
	/* grid-column-gap: 0px; */
	/* grid-row-gap: 0px; */
/* } */

/* .div1_ {  */
	/* grid-area: 1 / 1 / 2 / 2; */
	/* background-color:#D2D1D1; */
	/* margin:0 5 5 0; */
	/* padding:20px; */
/* } */
/* .div1_:hover { */
	/* transition: all 0.3s ease-out; */
	/* transform: scale(0.95, 0.95); */
	/* background:#B0B0B0; */
/* } */
/* .div2_ {  */
	/* grid-area: 1 / 2 / 2 / 3;  */
	/* background-color:#D2D1D1; */
	/* margin:0 0 5 0; */
	/* padding:10px; */
/* } */
/* .div2_:hover { */
	/* transition: all 0.3s ease-out; */
	/* transform: scale(0.95, 0.95); */
	/* background:#B0B0B0; */
/* } */