.container{
	display: grid;
	height:auto;
	grid-template-columns: 1fr;
	grid-auto-rows: auto;
	//grid-template-rows: 1.4fr 1.4fr 0.8fr 1.1fr 1fr 1fr ;
	gird-template-areas:
		"photo"
		"person-loc"
		"profession"
		"qualification"
		"welfare1"
		"welfare2";
	
	
	width:100%;
}

photo { 
brakground: #a7ffeb;
grid-area: photo;
}

person-loc { 
brakground: #a7ffeb;
grid-area: person-loc;
}

profession{
brakground: #a7ffeb;
grid-area: profession;
margin-top : 10px;
}

qualification{
brakground: #a7ffeb;
grid-area: qualification;
margin-top : 10px;
}

welfare1 {
brakground: #a7ffeb;
grid-area: welfare1;
}

welfare2 {
brakground: #a7ffeb;
grid-area: welfare2;
}



@media only screen and (min-width:900px) {
	.container{
	grid-template-columns: 1fr 1fr;
	#grid-template-rows: 1.1fr 0.8fr 0.6fr;
	grid-auto-rows: auto;
	gird-template-areas:
	"photo person-loc"
 	"profession qualification"
	"welfare1 welfare2";
}
	
}