填充自动调整为屏幕尺寸

Question

我想知道有没有办法设置一种默认的填充，它将根据屏幕大小自动定位元素。现在我可以处理断点，但是我感觉不到，就像它做得很完美：

@media (max-width: 1126px) {
    .navbar-item img {
        padding-left: 3.75rem;
    }   
}

// tablet / iphone6

@media (max-width: 768px) {
    .navbar-item img {
        padding-left: 1rem;
    }

    .navbar-burger.burger {
        padding-right: 30rem;

    }
}

@media (max-width: 320px){
    .navbar-burger.burger {
        padding-right: 23rem;

    }
}

我希望我的徽标和汉堡包始终在屏幕末端始终保持一定的间隔。因此，例如，始终为3rem，并且如果屏幕大小发生变化，itemst会自动占用此空间。 我在工作，但是以某种方式，容器无法解决此问题。

谢谢