как задать div блоку фиксированное значения

Question

Товарищи подскажите как задать фиксированное значения div блоку, при котором он не будет убегать от зависимости разрешения экрана. Я гуглил и постоянно встречал, CSS3 Media Queries но под каждый монитор прописывать стили... Это я буду только себя повторять

Как должно быть не зависимо от разрешения экрана:

И как происходит уже на другом конечном устройстве с другим разрешением :

#front{
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    height: 520px;
    border: 1px solid #000;
    justify-content: center;
    margin-top: 5%;
    background-image: url(images/Combined-Picture-of-Truck-Types_main.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.while_1{
    margin-left: 23.777em;
    margin-top: 20.1em;
    width: 69px;
    height: 73px;
    border: 1px solid #000;
}

<div id="front">
            <div id="Trigger_whiles_f">
                <div class="while_1" id="while1">
        </div>
      </div>
</div>

P.S. Пробовал указывать margin в процентах но блок не двигался не вверх не в низ, а вот в px он давал свободу перемещения

БЛОГ НА HUSL

как задать div блоку фиксированное значения

Ответы (0 шт):