/* Faviconun 28 px ölçüsünü korur. */
.el11-centered-ad .ad-favicon {
flex: 0 0 28px;
width: 28px;
height: 28px;
}
/* Reklam alanı daraldığında mobil yerleşim. */
@container (max-width: 760px) {
.el11-centered-ad .ad-inner {
grid-template-columns: 36px minmax(0, 1fr) 36px;
gap: 4px;
padding: 6px 4px;
}
.el11-centered-ad .ad-main {
grid-column: 2;
grid-row: 1;
flex-direction: column;
justify-content: center;
gap: 3px;
min-width: 0;
width: 100%;
text-align: center;
}
.el11-centered-ad .ad-text {
width: 100%;
font-size: 12px;
font-weight: 800;
line-height: 1.5;
white-space: normal;
overflow-wrap: anywhere;
}
.el11-centered-ad .ad-actions {
grid-column: 3;
grid-row: 1;
justify-content: center;
align-self: center;
min-width: 0;
}
.el11-centered-ad .ad-close {
flex: 0 0 36px;
width: 36px;
height: 36px;
}
}
/* Container sorgusu desteklemeyen tarayıcılar. */
@supports not (container-type: inline-size) {
@media (max-width: 760px) {
.el11-centered-ad .ad-inner {
grid-template-columns: 36px minmax(0, 1fr) 36px;
gap: 4px;
padding: 6px 4px;
}
.el11-centered-ad .ad-main {
grid-column: 2;
grid-row: 1;
flex-direction: column;
justify-content: center;
gap: 3px;
min-width: 0;
width: 100%;
text-align: center;
}
.el11-centered-ad .ad-text {
width: 100%;
font-size: 12px;
font-weight: 800;
line-height: 1.5;
white-space: normal;
overflow-wrap: anywhere;
}
.el11-centered-ad .ad-actions {
grid-column: 3;
grid-row: 1;
justify-content: center;
align-self: center;
min-width: 0;
}
.el11-centered-ad .ad-close {
flex: 0 0 36px;
width: 36px;
height: 36px;
}
}
}
Python
Merhaba!
Bu konuda kapsamli bir paylasim yapiyorum.
Onemli Noktalar:
- Temel kavramlari ogrenin
- Adim adim ilerleyin
- Test ortaminda deneyin
- Topluluktan destek alin
Sorulariniz icin buradayim!
Harika paylasim! Bookmarkledim ve arkadaşlara önereceğim.
Bu konuda eklemek istedigim: Duzenli guncelleme takibi cok onemli.
Bu konuda eklemek istedigim: Duzenli guncelleme takibi cok onemli.
