Имя Имечко

А если я имею такую структуру:

<header>шапка</header>

<main>
	<section>
		<article>Новость 1</article>
		<article>Новость 2</article>
		<article>Новость 3</article>
	</section>
	<aside>
		<div>блок с формой поиска</div>
		<div>блок с меню</div>
		<div>блок с рекламой</div>
	</aside>
</main>

<footer>Футер</footer>

структура правильная?

Все я разобрался.

.form-wrapper input {
	width: calc(80% - 10px);
}

display: block;
display: none;

youtu.be/rwS3rnMJX5Y

А вы как думаете, какой компьютер нужен, чтобы работать с блокнотом и браузером?
Во всяком случает открывать 100500 программ нет смысла, да и не к чему это. Сперва открыли Photoshop и блокнот - нарисовали и сверстали. Далее закрыли предыдущие программы и открыли блокнот на котором программируете.

Не к чему покупать мощный комп за 50 000. Для этих целей подойдет и за 20 000.

Сделал и появился косяк. По крайне мере на локалке.
Захожу на сайт и меню из центра div двигаются на свои места в течение 1 секунды.

На jsfiddle.net/5k1ps745 работает изумительно.

Вот косяк ipstest.esy.es/index.html

Добавить в .search
overflow: hidden;