Адаптивновть сайта, width 90%, 100%, auto. Как писать css чтобы часть контейнеров не выходила за границы видимости?

Question

[Ejex Xeffer]

Суть вопроса вот в чем. Начал я верстать сайт, все вроде бы как надо, но с чистым CSS у меня мало опыта. Так что я очень удивился, когда заметил, что сайт "ерзает" в стороны, хотя все отступы были поставлены.

Что я жду в ответе - какую нибудь ссылку на матчасть, чтобы прочитать её. Потому что проблема явно в непонимании того как именно работют механизмы отступов и ширины браузера. А так же как именно браузер считает эти самые значения.

UPD: Если кто то удивится и подумает - "а где же код у этого чувака?" я скажу, что применил кучу решений (костылей), чтобы все заработало как надо. Так что, чтобы показать как все классно не работает, нужно снова все порушить.)

Comments

[Ярослав Иванов]

@Ванга призываю тебя

[Ejex Xeffer]

Ярослав Иванов: я знаю, что кода нет. Но я просил лишь ссылку на статью, а не решить за меня мою задачу.

Answer 1

[Eg0]

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
в

@media not|only mediatype and (media feature) {
    CSS-Code;
}

переопределять свойства этих блоков.
Например,

@media screen and (max-width: 90%) {
	div {
		width:300px;
		dislpay: inline-block;
		margin:auto;
	}
}

Comments

[Ejex Xeffer]

Спасибо, посмотрю что не так.