about /media.scss section a

[secilseleci]

media için yazdığım kod çalışmıyor. about sayfası section a için mobile.scsse eklediğim kısım

[cagcak]

kod nerede? göremiyorum ben burada kodu

[secilseleci]

// home page responsive settings @media (max-width: 560px) { .container { padding: 0; width: 100%; }

.main-nav__items li:not(:first-child) { display: none; }

.main-nav__items li:first-child { display: inline-block; } // section a

home {

&__a {
  .skills {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
  .lead {
    word-spacing: 0.6rem;
    font-size: 1.3rem;
    font-weight: bold;
    margin: 0;
    padding: auto 1rem;
  }

  .skill-text {
    padding: 1rem;
  }
}

} // section b

home {

&__b {
  .box {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}

}

// section c

home {

&__c {
  .item-steps {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 1fr);

    & .text {
      padding: 0 1rem;
    }

    & .title {
      padding: 0 1rem;
      margin-bottom: 1rem;
    }
  }
}

}

// home-footer

.footer { height: 9rem; flex-direction: column; justify-content: center;

& .social-media-icons {
  padding: 2rem;

  & i {
    margin-right: 1rem;
    font-size: 1.5rem;
    padding: 0.4rem;
  }
}

& .text {
  padding: 1.4rem;
}

}

// about page responsive settings

about {

&__a {
  .info {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, 1fr);
    .info-img {
      border: 2px solid $light-color;
      padding: 1rem;
      border-radius: 4px;
    }
  }
  .info__bio {
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem;
  }
}

}

// project page responsive details

projects &__a {

.items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0.1rem;
}

} }

[cagcak]

kodu kopyalayıp yapıştırma. kod burada var zaten. kodun belli bir kısmını seç, link olarak paylaş. github otomatik çıkarıyor zaten kod bloğunu. nereyi düzelteceğimi nereden bileceğim tamamını paylaşırsan?

örnek: https://github.com/secilseleci/freelancer/blob/main/public/index.html#L9

[secilseleci]

https://github.com/secilseleci/freelancer/blob/8b6fd79eac495a9ee5409e60f50a6a62e618828c/scss/_mobile.scss#L91

[cagcak]

bu underscore karakterleri nedor tam olarak? ne olduklarını belirtiyorlar? class mı, tag mi, id mi ne?

https://github.com/secilseleci/freelancer/blob/8b6fd79eac495a9ee5409e60f50a6a62e618828c/scss/_mobile.scss#L17

https://github.com/secilseleci/freelancer/blob/8b6fd79eac495a9ee5409e60f50a6a62e618828c/scss/_mobile.scss#L38

https://github.com/secilseleci/freelancer/blob/8b6fd79eac495a9ee5409e60f50a6a62e618828c/scss/_mobile.scss#L49

https://github.com/secilseleci/freelancer/blob/8b6fd79eac495a9ee5409e60f50a6a62e618828c/scss/_mobile.scss#L92

bir de bu sayı nedir?

https://github.com/secilseleci/freelancer/blob/8b6fd79eac495a9ee5409e60f50a6a62e618828c/scss/_mobile.scss#L77

[secilseleci]

Home altındakiler çalışıyor about altındakiler çalışmıyor sectiona verdiğim id. Home__a gibi b c diye bi sürü section var

[cagcak]

Home altındakiler çalışıyor about altındakiler çalışmıyor sectiona verdiğim id. Home__a gibi b c diye bi sürü section var

tamam ablacım ne bunlar class mı id mi tag mi sınıflandırması ne. çok basit hatalar bunlar. kendin çöz bunları