Bilişim dünyasına kaliteli, özgün ve Türkçe içerikler kazandırmayı hedefleyen bir platform..

CSS'de yatay ve dikey ortalama oldukça zorlandığımız bir konu iken aşağıdaki kodlar yardımıyla hem Grid hem de Flex yöntemleri gösterilmiştir. Yatay ve Dikey konumlandırmak için kutunuza width ve height değerleri vermeyi unutmayın.

Grid

Grid ile...

.kutu{
	width:150px;
	height:150px;
	border:1px solid #cd1983;
	display:grid;
	place-items:center;
}

Flex

Flex ile...

.kutu{
	width:150px;
	height:150px;
	border:1px solid #cd1983;
	display:flex;
	align-items:center;
	justify-content:center
}