6 files changed, 6 insertions, 6 deletions
diff --git a/files/tr/learn/css/building_blocks/index.html b/files/tr/learn/css/building_blocks/index.html
index 8c6a408465..a0c22927c6 100644
--- a/files/tr/learn/css/building_blocks/index.html
+++ b/files/tr/learn/css/building_blocks/index.html
@@ -18,7 +18,7 @@ original_slug: Öğren/CSS/CSS_yapi_taslari
 
 <p class="summary">Buradaki amaç, sana yeterli CSS yazman için altyapı hazırlamak ve <a href="/tr/docs/Learn/CSS/Styling_text">metin şekillendirme</a> ve <a href="/tr/docs/Learn/CSS/CSS_layout">CSS düzeni</a> gibi daha karakteristik kurallara geçmeden önce tüm temel teorileri anlamana yardımcı olmak</p>
 
-<div class="in-page-callout webdev">
+<div class="callout">
 <h3 id="Bir_front-endarayüz_geliştiricisi_mi_olmak_istiyorsun">Bir front-end(arayüz) geliştiricisi mi olmak istiyorsun?</h3>
 
 <p><span>Hedefine ulaşabilmen için ihtiyanıcın olan tüm temel bilgileri içeren bir kurs hazırladık</span>.</p>
diff --git a/files/tr/learn/css/css_layout/index.html b/files/tr/learn/css/css_layout/index.html
index 33c22befe6..a255fa9a34 100644
--- a/files/tr/learn/css/css_layout/index.html
+++ b/files/tr/learn/css/css_layout/index.html
@@ -24,7 +24,7 @@ original_slug: Öğren/CSS/CSS_layout
 
 <p class="summary">Bu noktaya kadar CSS'in temellerini, metnin nasıl şekillendirileceğini ve içeriğinizin iiçnde bulunduğu kutualrı nasıl biçimlendirip değiştireceğinizi inceledik. Bundan sonra, kutularınızı görüntü alanına ve birbirlerine göre doğru yere nasıl yerleştiriceğinize bakacağız. CSS düzenine derinlemesine dalabilmemiz, farklı görüntü ayarlarına, flexbox, CSS ızgarası ve konumlandırma gibi modern düzen araçlarına ve hala bilmek isteyebileceğiniz bazı eski tekniklere bir göz atacağız.</p>
 
-<div class="in-page-callout webdev">
+<div class="callout">
 <h3 id="Bir_Web_ön-uçfront-end_geliştiricisi_mi_olmak_istiyorsun">Bir Web ön-uç(front-end)  geliştiricisi mi olmak istiyorsun?</h3>
 
 <p>Hedefinize ulaşmak için ihtiyacınız olan tüm temel bilgileri içeren bir kurs hazırladık.</p>
diff --git a/files/tr/learn/css/first_steps/index.html b/files/tr/learn/css/first_steps/index.html
index 7a7b0f691c..8a0dae72ad 100644
--- a/files/tr/learn/css/first_steps/index.html
+++ b/files/tr/learn/css/first_steps/index.html
@@ -18,7 +18,7 @@ original_slug: Öğren/CSS/Ilk_adimlar
 
 <p class="summary">CSS (Basamaklı Stil Sayfaları), web sayfalarını biçimlendirmek ve düzenlemek için kullanılır — örn., içeriğinin yazı tipini, rengini, boyutunu ve aralığını değiştirmek; birden çok sütuna bölmek, animasyonlar ve diğer dekoratif özellikler eklemek gibi. Bu bölüm, nasıl çalıştığını, söz diziminin neye benzediğini ve bunu HTML'ye, stil ekelemek için nasıl kullanmaya başlayabileceğinle ilgili, temel bilgilerle CSS uzmanlığına doğru giden yolunda yumuşak bir başlangıç sağlar.</p>
 
-<div class="in-page-callout webdev">
+<div class="callout">
 <h3 id="Bir_front-endarayüz_geliştiricisi_mi_olmak_istiyorsun"><span class="highlight-span">Bir front-end(arayüz) geliştiricisi mi olmak istiyorsun?</span></h3>
 
 <p>Hedefine ulaşabilmen için ihtiyanıcın olan tüm temel bilgileri içeren bir kurs hazırladık.</p>
diff --git a/files/tr/learn/css/index.html b/files/tr/learn/css/index.html
index 27330e8df2..2b3cd638c9 100644
--- a/files/tr/learn/css/index.html
+++ b/files/tr/learn/css/index.html
@@ -24,7 +24,7 @@ original_slug: Öğren/CSS
 
 <p class="summary">Basamaklı Stil Sayfaları (ing. Cascading Stylesheets) — veya {{glossary("CSS")}} — {{glossary("HTML")}}'den sonra öğrenmen gereken ikinci dildir. HTML içeriğin yapısal ve şematik tanımlamasında kullanılırken; CSS, dizayn etmek ve düzenlemek için kullanılır. Örneğin: CSS'i içeriğin fontunu, rengini, büyüklüğünü ve boşluklarını değiştirmek için kullanabilir, sütunları ayırabilir ya da animasyon veyahut decoratif özellikleri ekleyebilirsin.</p>
 
-<div class="in-page-callout webdev">
+<div class="callout">
 <h3 id="Bir_front-endarayüz_geliştiricisi_mi_olmak_istiyorsun">Bir front-end(arayüz) geliştiricisi mi olmak istiyorsun?</h3>
 
 <p>Hedefine ulaşabilmen için ihtiyanıcın olan tüm temel bilgileri içeren bir kurs hazırladık.</p>
diff --git a/files/tr/learn/css/styling_text/index.html b/files/tr/learn/css/styling_text/index.html
index 5afce7c21f..7bfe91f8bc 100644
--- a/files/tr/learn/css/styling_text/index.html
+++ b/files/tr/learn/css/styling_text/index.html
@@ -33,7 +33,7 @@ original_slug: Öğren/CSS/Styling_text
 
 <p>CSS dilinin temelleri ele alındığında, odaklanmamız gereken bir sonraki konu, CSS ile yapacağımız en yaygın uygulamalardan biri olan metnin stilini oluşturmaktır. Bu ünitede yazı tipini, kalınlığı, italikliği, satır ve harf aralığını, alt gölgeler ve diğer metin özellikerini ayarlamak da dahil olmak üzere metin stilinin temellerine bakacağız. Sayfamıza özel yazı tiplerini uygulamak, listeleri ve bağlantıları şekillerdirmeye bakarak üniteyi tamamlayacağız.</p>
 
-<div class="in-page-callout webdev">
+<div class="callout">
 <h3 id="Bir_front-endarayüz_geliştiricisi_mi_olmak_istiyorsun"><span class="highlight-span">Bir front-end(arayüz) geliştiricisi mi olmak istiyorsun?</span></h3>
 
 <p>Hedefine ulaşabilmen için ihtiyanıcın olan tüm temel bilgileri içeren bir kurs hazırladık.</p>
diff --git a/files/tr/web/css/index.html b/files/tr/web/css/index.html
index 6f689f8c52..f1cd50e15c 100644
--- a/files/tr/web/css/index.html
+++ b/files/tr/web/css/index.html
@@ -34,7 +34,7 @@ translation_of: Web/CSS
  </li>
 </ul>
 
-<div class="in-page-callout webdev">
+<div class="callout">
 <h3 id="Bir_front-endArayüz_geliştiricisimi_olmak_istiyorsunuz">Bir front-end(Arayüz) geliştiricisimi olmak istiyorsunuz?</h3>
 
 <p>Hedefinize ulaşabilmeniz için ihtiyacınız olan tüm temel bilgileri içeren bir kurs hazırladık.</p>