title: Css not working in chrome, (works in edge or if i open the file locally on my pc)
body: <p>I am building a site in html and css for school. i can't use bootstrap and need to use media queries. <a href="http://544518.student4a9.ao-ica.nl/index.html" rel="nofollow noreferrer">http://544518.student4a9.ao-ica.nl/index.html</a> is the link of the site. the site is working in google microsoft edge or if i open the html files locally on my PC. It is not working if i open the site in chrome because there needs to be a border around the bas broekhoven text and the "profiel" button is dislocated. The layout, logo and design is a joke :). thanks for your help.</p>
  
  <p>I tried using some webkits in the media queries</p>
  
  <pre><code>@media screen and (max-width: 1024px) {
      #logo {
          text-align: center;
          margin-top: 20px;
      }
  
      #pf{
          margin-bottom: 20px;
          margin-left: 20px;
          float: left;
      }
      #profielknop{
          float: left;
          margin-left: 20px;
          margin-left: 20px;
      }
      .item2{
          display: none;
      }
      #linkding{
          display: none;
      }
      #text{
          float: left;
      }
      @media screen and (max-width: 1920px) {
          .kippetje{
              display: none;
          }
      }
    }
  </code></pre>