Take, for example, the following image I created in figma below. I am currently using position absolute for every element. The planets, the rocket, the floating astronaut, the text positioned to bottom and the button. All this looks fine but once you zoom in, hell let loose. I currently do this by adding a media query for all the main screen breakpoints but this feels extremely laboriously done. If you want to live version of it, here is the demo. If you zoom in to a certain extend, everything will break.

Are there any libraries out there or methods to make positioning absolute easier?

r/webdev - Is there anything to help lessen the pain of creating responsive designs with position absolute?

Source link

Write A Comment