Говорю скорее разработчикам данного сайта. Это испытание можно пройти просто закинув изображение меню вот так:
html:
css:
html,
body {
margin: 0;
padding: 0;
}
body {
width: 280px;
min-height: 280px;
padding: 10px;
font-family: “Arial”, sans-serif;
font-size: 14px;
line-height: 1.4;
background: #ecf0f1;
}
img {
position: absolute;
top: 0;
left: 0;
Если можете, исправьте)
Вы не первый это заметили:
Испытание: строим сетку [27/32] (Чем вам не Pixel Perfect?)
Я это иногда использую.
Когда в курсе заблокирован HTML или CSS, и есть желание поэкспериментировать – сохраняю код в файлы, подключаю *.css…
Картинку делаю прозрачной наполовину (opacity: 0.5),
скрываю (display:none)
вешаю в нужном месте окна (position: absolute; top, left с нужными координатами).
Далее в среде разработчика (вызывается по F12) включаю-отключаю display: none;
Получается эффект наложения…
Если не всё понятно – спрашивайте…