[Django]-Take account screen size to display Django website

Current consensus is to approach web development “mobile first”. That means start from the smallest screen size and work up to the largest. Bootstrap does exactly that.

In order to decide what are the best suited media queries for your project see this tutorial and this documentation on MDN. Since you are using Bootstrap, I would suggest following the same breakpoins to avoid inconsistencies.

Also, consider using vw and vh instead of percents, when appropriate (I believe this might be part of that margin-top problem). Percents are relative to a container’s dimensions. vw and vh are relative to the width and height of the viewport (see in MDN).