Merhaba, sorununun kaynağı px cinsinden vermen. Bu sorunu düzeltmek için bence vw özelliğini kullanabilirsin. 1vw ekran genişliğinin 100'de birini ifade ediyor.

<div class="ana">
        <div class="bir">birinci div</div>
        <div class="iki">ikinci div</div>
        <div class="uc">ücüncü div</div>
</div>

 .ana {
            padding: 30px;
            background-color: red;
            width: 100%;
            display: flex;
        }

         .bir {
            width: 33vw;
            background-color: #0a6aa1;
        }

         .iki {
            width: 33vw;
            background-color: #0ac282;
        }

         .uc {
            width: 33vw;
            background-color: #0af9d7;
        }

Mobil
PC
Yukarıdaki kodu denediğinde ekran boyutu ne olursa olsun her div ekranın 33% lik kısmını kapsayacak. Daha ayrıntılı öğrenmek istersen: w3schools
Bu yazıda ise çok daha geniş kapsamlı kullanımlarına örnek verilmekte: Css-tricks