All solutions

only problem there was is margin on left and right while resolution shrinks , right margin is more than left

only problem i had is the news <div> , on the desktop version i cant make it's height equal to web3's height if i make it (with height: X%) then after resizing text gets overflowed.

i found dificult to center the div , because it is easy to center it from sides of browser window , but i could not center it vertically . Did display: flex ; on body and then justify-content: center ; align-items: center; it didn't work , everything i tried didn't work so i had to use margin with exact pixels :( sadly.