ravbia

## butona_hover_efekti.css
button {
    background-color: blue;
    color: white;
}

button:hover {
    background-color: darkblue; /* Fare üzerine gelince rengi koyulaştır */
    cursor: pointer;
}

## div_ogesini_yatay_dikey_olarak_ortalama.css
.parent-div {
    display: flex;             /* Flexbox etkinleştirilir */
    justify-content: center;   /* Yatayda ortalar */
    align-items: center;       /* Dikeyde ortalar */
    height: 100vh;             /* Örnek olarak yüksekliği tam ekran yapılır */
}

## responsive_web_tasarim_ornegi.css
@media screen and (max-width: 600px) {
  body {
    font-size: 14px; /* Ekran 600px'den küçükse yazı boyutunu küçült */
  }
}
	button {
	background-color: blue;
	color: white;
	}

	button:hover {
	background-color: darkblue; /* Fare üzerine gelince rengi koyulaştır */
	cursor: pointer;
	}
	.parent-div {
	display: flex; /* Flexbox etkinleştirilir */
	justify-content: center; /* Yatayda ortalar */
	align-items: center; /* Dikeyde ortalar */
	height: 100vh; /* Örnek olarak yüksekliği tam ekran yapılır */
	}
	@media screen and (max-width: 600px) {
	body {
	font-size: 14px; /* Ekran 600px'den küçükse yazı boyutunu küçült */
	}
	}