html css when i make mobile version website its not working

https://i.stack.imgur.com/lCitJ.jpg

https://i.stack.imgur.com/at9rl.png

First of all when i make small the page media queries is working but when i look the page with phone mode its not working.

And second i tried to make big photo there "yayın akışı" but photo isnt getting bigger and cover all the page just as mobile version website.

@media screen and (max-width:800px) {
  .foto {
    display: none;
  }
  .right {
    display: none;
  }
  .start {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
  }
  .image {
    width: 100%;
  }
  .u {
    display: block;
  }
}
<div class="ü">
  <h2 href="#">
    </i>Yayın Akışı <i class="fas fa-broadcast-tower tower"></i> </h2>


</div>
<br>

<div class="yayın">

  <br>

  <a href="http://localhost/php/sistemler/haber.php">

    <img class="" src="images/7.jpg" height="125px">
  </a>
  <h3 class="metin">Lotus known as a flower</h3>

  <br>
  <img class="" src="images/7.jpg" height="125px">

  <br>
  <img class="" src="images/7.jpg" height="125px">

  <br>
  <img class="" src="images/7.jpg" height="125px">



Read more here: https://stackoverflow.com/questions/64900455/html-css-when-i-make-mobile-version-website-its-not-working

Content Attribution

This content was originally published by Lcaro at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: