Responsive Design on all Screens

When i shrink the screen size in the mobile version of the canvas.Stuffs begin too run into each other. and when i adjust margins between the elements it looks ridiculous on a much bigger screen.

Here is my site Read-Only:[https://preview.webflow.com/preview/nama-fe242a?preview=9c3d344491b71305b756fd9558add96a]

Add screenshot and more details - this Q is very general.

I want the two elements to have boundaries in all screen sizes and still save up space.

Hi. You remove this content. Please close this topic if you already solve this problem.

In general - do not usenegative margins, position absolute or relative for simple layout, and fixed height - and you dont get element overlap

Learn about “normal flow” (google it):

http://www.brainbell.com/tutorials/HTML_and_CSS/Normal_Flow.htm

1 Like