- Katılım
- 8 Ekim 2020
- Mesajlar
- 1.575
- Makaleler
- 2
- Çözümler
- 6
Daha fazla
- Cinsiyet
- Erkek
Uygundur hocam, yani girince eleman çıkmasın sıkılıp tek onu istemiyorumugrastigin için çok teşekkür ederim.
Repo: GitHub - arsh-3/deauth: Pages for DeAuth
Merhabalar hocam durum nedir?
header{
display: flex;
flex-direction: column;
text-align: center;
gap: 1rem;
}
header nav .top-nav{
display:flex;
}
.nav-area li{
padding: 0 10px;
}
.wrapper{
width: 100% !important;
}
.home{
margin-top: 2rem !important;
}
.home-text{
width: 90%;
}
.home .home-text .container{
min-height: auto;
height: auto;
justify-content: center;
align-items: center;
}
.home .home-text .container p{
margin-top: 5px;
padding: 1rem 2.5rem;
height: 8rem;
margin-right: 0;
}
.home .home-text .container p span{
display: inline-block;
}
.home-btn{
display: block;
}
Bilmeden yapamazsın. WordPress falan kullanabilirseniz sizin için daha kolay olur. Eğer öğrenip yapmak istiyorsanız.
![]()
W3Schools.com
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.www.w3schools.com
Eğer CSS hiç bilmiyorsan bu linkte size yeterli gelmez. Çünkü yazılan tüm CSS'leri tekrar düzenleyeceksin.
Gönder biraz işim var müsait olunca bakarım.
Eki Görüntüle 1352703
Bu kadarı senin için uygun mu? Alt kısımlara pek bakmadım.
Merhabalar hocam durum nedir?Gönder biraz işim var müsait olunca bakarım.
Eki Görüntüle 1352703
Bu kadarı senin için uygun mu? Alt kısımlara pek bakmadım.
Uygundur hocam, yani girince eleman çıkmasın sıkılıp tek onu istemiyorumugrastigin için çok teşekkür ederim.
Repo: GitHub - arsh-3/deauth: Pages for DeAuth
Merhabalar hocam durum nedir?
header{
display: flex;
flex-direction: column;
text-align: center;
gap: 1rem;
}
header nav .top-nav{
display:flex;
}
.nav-area li{
padding: 0 10px;
}
.wrapper{
width: 100% !important;
}
.home{
margin-top: 2rem !important;
}
.home-text{
width: 90%;
}
.home .home-text .container{
min-height: auto;
height: auto;
justify-content: center;
align-items: center;
}
.home .home-text .container p{
margin-top: 5px;
padding: 1rem 2.5rem;
height: 8rem;
margin-right: 0;
}
.home .home-text .container p span{
display: inline-block;
}
.home-btn{
display: block;
}
GitHub üzerinden gönderdim eğer yapamazsan kod;
CSS:header{ display: flex; flex-direction: column; text-align: center; gap: 1rem; } header nav .top-nav{ display:flex; } .nav-area li{ padding: 0 10px; } .wrapper{ width: 100% !important; } .home{ margin-top: 2rem !important; } .home-text{ width: 90%; } .home .home-text .container{ min-height: auto; height: auto; justify-content: center; align-items: center; } .home .home-text .container p{ margin-top: 5px; padding: 1rem 2.5rem; height: 8rem; margin-right: 0; } .home .home-text .container p span{ display: inline-block; } .home-btn{ display: block; }
Bu kodu.
@Media screen and (Max-width: 500px) and (min-width: 100px) bunun içine yazacaksın. Altına yani containerin üstünde boşluk açıp yapıştırabilirsin hepsini.
Eki Görüntüle 1354753
Bu da telefon görüntüsü test ettim.
Bu sitenin çalışmasını sağlamak için gerekli çerezleri ve deneyiminizi iyileştirmek için isteğe bağlı çerezleri kullanıyoruz.