[solved] My Website and my Local Host are outputting different results

SOLVED

I am working on a simple website for myself experience, I noticed that my webhost and my localhost that I use (brackets) output different results but utilize the same code.

My SVG animation library doesn’t seem to work on my web side either

This might be an obvious issue, any information will be much appreciated

Thanks and take care!


The code that I want to update is through media queries

 /*--- Media Queries --*/
    @media screen and (max-width: 900px) {
        .content {
            padding-bottom: 30%;
        }
        .content h1 {
            font-size: 450%;
        }
        .btn {
            font-size: 130%;
            padding: 9px 17px;
        }
    }
    @media screen and (max-width: 768px) {
        .content {
            padding-bottom: 40%;
        }
        .content h1 {
            font-size: 300%;
        }
        .btn {
            font-size: 110%;
            padding: 9px 17px;
        }
        p{
            font-size: 120%;
            line-height: 100%;
        }
    }
    @media screen and (max-width: 480px) {
        .content {
            padding-bottom: 50%;
        }
        .content h1 {
            font-size: 250%;
        }
        .btn {
            font-size: 110%;
            padding: 7px 15px;
        }
        p{
            font-size: 100%;
            line-height: 100%;
        }
  • Zach