Çözüldü Siteyi mobil uyumlu hale getirme

249873 dedi:

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.

Genişletmek için tıkla...

249873 dedi:

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.

Genişletmek için tıkla...

249873 dedi:

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.

Genişletmek için tıkla...

249873 dedi:

GitHub üzerinden gönderdim eğer yapamazsan kod;

CSS:Panoya kopyala

 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.

Genişletmek için tıkla...