Css media query tidak bekerja

css media query nya gak bekerja udah baca baca digoogle ama forum ini gak work, udah clear cache juga sama aja pindah browser sama aja, diganti max atau min sama aja, tpi yang header work

@media(max-width: 911px)
{
    header{
        padding: 0 20px;
    }
    .menu-toggle{
        display: block;
    }
    header nav{
        position: absolute;
        width: 100%;
        height: calc(100vh - 50px);
        background: linear-gradient(45deg,#2DD6D4,rgb(98, 100, 187));
        top: 90%;
        left: -100%;
        transition: ease-in-out all 0.5s;
    }
    header nav.active{
        left: 0;
    }
    header nav ul{
        display: block;
        text-align: center;
    }
    header nav ul li a{
        border-bottom: 1px solid rgba(0,0,0, .2);
    }
    .box-login{
    background-color: rgba(255, 255, 255, .7);
    width: 80%;
    height: auto;
    margin-left: 0%;
    margin-top: 20vh;
    padding: 20px;
    position: absolute;
    z-index: 2;
    box-sizing: border-box;
  }

  .profil{
  width: 100%;
  background-color: white;
  border-radius: 5px;
  margin-bottom: 10px;
  }

  .profil img{
    width: 150px;
    height: 150px;
    margin-top: 25px;
  }
  .menu{
    width: 90%;
  }
  .menu-2{
    width: 90%;
  }
}

@media (max-width: 768px) {
  .menu{
    width: 100%;
  }
  .menu-2{
    width: 100%;
  }
}

<div class="menu-2">
        <details>
              <summary>
                <b>Ceritamu</b><br><sup>menampilkan semua cerita yang pernah kamu buat</sup>
              </summary>
              <?php
                $lib = new Library();
                $show = $lib->menampilkancerita();
                while ($data = $show->fetch(PDO::FETCH_OBJ)){
              ?>
              <?php
                $user = $_SESSION['user']['name'];
                $dataPenulis = $data->penulis;

                if ($user == $dataPenulis){
                  echo "
                      <div class='container'>
                        <h3 class='judul-cerita'>".$data->judul_cerita."</h3>'
                        <br>

                        <details>
                          <p class='deskripsi-cerita mb-5 text-justify'>".$data->deskripsi."</p>
                        </details>

                        <hr><br>
                      </div>
                  ";
                }else{
                  echo "";
                }

              ?>
              <?php } ?>
            </details>
      </div>

avatar Krisnaazie
@Krisnaazie

15 Kontribusi 2 Poin

Diperbarui 3 tahun yang lalu

Tanggapan

di atas ada dua media query, yang ngga work yang mana coba disebutkan. Dan element html mana yang ngga work.

itu xml atau html? kok ada tag details summary dan sup?

3 Jawaban:

Itu kak semuanya kecuali @media query yang header Ama menu toogle doang yang jalan yang lain gak jalan

avatar Krisnaazie
@Krisnaazie

15 Kontribusi 2 Poin

Dipost 4 tahun yang lalu

Tanggapan

cuma yang header doang atau isinya juga?

iya sama saya juga begitu, pas saya buat responsive smartphone.

Wah hebat ya pake php Tetap semangat!!

avatar YakobusPatrick
@YakobusPatrick

150 Kontribusi 16 Poin

Dipost 3 tahun yang lalu

maaf ya saya ngikut nunggu jawaban pertanyaan ini. saya ga mau ngulang pertanyaan lagian itu dilarang.

avatar YakobusPatrick
@YakobusPatrick

150 Kontribusi 16 Poin

Dipost 3 tahun yang lalu

Login untuk ikut Jawaban