Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
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>
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
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!!
maaf ya saya ngikut nunggu jawaban pertanyaan ini. saya ga mau ngulang pertanyaan lagian itu dilarang.