I can not understand why the lower block nalez on the top It turns out the block product_wrapper nalez wrap_3 ... How to put them normally under each other?
.wrap_3 { min-height: 100vh; width: 100%; height: 500px; background-image: url("../images/bg_3.jpg"); background-repeat: no-repeat; background-size: cover; } .wrap_3 div:nth-child(1) { position: absolute; width: 675px; height: 69px; left: 101px; padding-top: 162px; font-family: 'pt_serif'; font-style: normal; font-weight: normal; line-height: 69px; font-size: 40px; color: #FFFFFF; } .wrap_3 div:nth-child(2) { position: absolute; width: 588.98px; height: 142px; left: 102.02px; /* top: 3036px; */ padding-top: 237px; font-family: 'pt-sans'; font-style: normal; font-weight: normal; line-height: 31px; font-size: 16px; letter-spacing: 0.01em; color: #FFFFFF; } <div class="wrap_3"> <div>ΠΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌ Π½Π°ΠΈΠ»ΡΡΡΠΈΠ΅ ΠΌΠ΅ΡΠΎΠ΄Ρ</div> <div>ΠΡ ΠΏΡΠ΅Π΄Π°Π½Ρ ΠΈΠ΄Π΅Π΅ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π·Π²ΠΈΡΠΈΡ Π½Π°ΡΠΈΡ
ΡΠΎΡΡΡΠ΄Π½ΠΈΠΊΠΎΠ² β ΠΌΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΠΌ Π»ΠΈΠ΄Π΅ΡΡΠΊΠΈΠ΅ ΠΊΠ°ΡΠ΅ΡΡΠ²Π° ΠΈ Π²ΡΡΠΎΠΊΠΎ ΡΠ΅Π½ΠΈΠΌ Π΄ΠΎΡΡΠΈΠΆΠ΅Π½ΠΈΡ. ΠΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌ Π½Π°ΠΈΠ»ΡΡΡΠΈΠ΅ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΡΠΊΠΈΠ΅ ΠΌΠ΅ΡΠΎΠ΄Ρ ΠΈ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, ΡΡΠΎΠ±Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΡΡ ΡΡΠ½ΠΎΠΊ ΠΈΠ½Π½ΠΎΠ²Π°ΡΠΈΡΠΌΠΈ ΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎΠΌ. </div> </div> <div class="product_wrapper"> <div class="pro_text"> ΠΡΡΠΎΠΊΠΎΠ΅ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ </div> <div class="pro_bg"> sdc </div> </div>