Yeni yazim kapsayici sorgulari 3

fatihhayri · Jan 29, 2024 · c5ece55 · c5ece55
1 parent dd237c3
commit c5ece55
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/_posts/2024-01-29-kapsayici-sorgulari-container-query.md b/_posts/2024-01-29-kapsayici-sorgulari-container-query.md
@@ -89,12 +89,14 @@ Kapsayıcı sogrularını kendine ait birimleri vardır. Bu birimler görüş al
 
 Peki zingat'taki ihtiyacımızı bu öğrendiklerimize göre yapmaya çalışalım.
 
-<iframe height="500" width="100%" style="width: 100%;" scrolling="no" title="container query" src="https://codepen.io/fatihhayri/embed/eYXWrEY?default-tab=result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+<iframe height="500" width="100%" style="width: 100%;" scrolling="no" title="container query" src="https://codepen.io/fatihhayri/embed/eYXWrEY?default-tab=result&zoom=0.5" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
   See the Pen <a href="https://codepen.io/fatihhayri/pen/eYXWrEY">
   container query</a> by Fatih Hayrioğlu (<a href="https://codepen.io/fatihhayri">@fatihhayri</a>)
   on <a href="https://codepen.io">CodePen</a>.
 </iframe>
 
+Yukarıdaki codepen örneğinde zoom seviyesi ile oynayarak ta etkiyi görebiliriz.
+
 Mobile öncelik verdiğimiz için diğer şartlar için kod yazdık.
 
 ```css

diff --git a/images/kapsayici-sorgulari.png b/images/kapsayici-sorgulari.png