How to make the text appear on all devices in one place?

.rexly { left: 50%; position: fixed; top: 50%; font-family: 'Poppins', sans-serif; font-size: 40px; background-clip: text; color:transparent; -webkit-background-clip: text; background-image: -webkit-linear-gradient(left, #593dd5, #fc2b00); background-image: -moz-linear-gradient(left, #593dd5, #fc2b00); background-image: -ms-linear-gradient(left, #593dd5, #fc2b00); background-image: -o-linear-gradient(left, #593dd5, #fc2b00); background-image: linear-gradient(to right, #593dd5, #fc2b00); }
  • four
    Nothing is clear. How should it be shown, how is it shown now, what exactly does not suit you, what kind of “one place” interests you? From a simple piece of CSS that was thrown in, it is not clear where nothing is coming from - andreymal
  • one
    I think we are talking about placing a fixed element on the page. But the data is certainly not enough. - Alexey Giryayev
  • Right. It is necessary that the text be displayed on different devices at exactly the place where I set it up at a resolution of 1920 by 720, but at 1280 by 720 the text in another place. - Danya Panov
  • so what? Any suggestions? - Danya Panov

1 answer 1

Relative positioning is indicated, and it, at different screen resolutions, cannot be in the same place. Specify the left and top attributes in pixels, for example:

 left: 20px; top: 20px;

Thus, the element on any device will be displayed at 20 pixels from the left and top borders.