Практика: позиционирование 1
CSS позиционирование
Урок на телефоне
Слепой печати учат на физической клавиатуре — большими пальцами этот навык не ставится. Здесь урок работает на повторение и замер: текст, ошибки и время те же, что на компьютере.
Чтобы урок засчитался
.box { position: relative; top: 20px; left: 10px; }
Отсчёт пойдёт с первого символа
Скорость
—
Ошибки
0
Время
00:00
Если клавиатура закрылась — коснитесь текста
Скорость
-
Ошибки
0
Время
0
.
b
o
x
{
p
o
s
i
t
i
o
n
:
r
e
l
a
t
i
v
e
;
t
o
p
:
2
0
p
x
;
l
e
f
t
:
1
0
p
x
;
}
ё
1
2
3
4
5
6
7
8
9
0
-
=
BackSpace
Tab
й
ц
у
к
е
н
г
ш
щ
з
х
ъ
\
Caps Lock
ф
ы
в
а
п
р
о
л
д
ж
э
Enter
Shift
я
ч
с
м
и
т
ь
б
ю
.
Shift
Ctrl
FN
Win
Alt
Alt
FN
Ctrl