Испытание: карточка курса [9/18] Кнопки не получается выставить кратно 5

Курсы §14. Мастерская: декоративные элементы
1

Здравствуйте. Если я ставлю кнопки соцсетей в позицию кратно 5, получается только 98%. Не могу понять, что я не так делаю.

(Пардон, код кодом не вставляется.)

html,
body {
margin: 0;
padding: 0;
}

body {
width: 280px;
min-height: 280px;
padding-top: 20px;
padding-left: 20px;
font-size: 14px;
font-family: “Arial”, sans-serif;
line-height: 1.2;
background: #ecf0f1;
}
.main_block
{
background-color: #1abc9c;
color: white;
width: 240px;
height: 235px;
}
.head
{
font-size: 20px;
padding: 20px 15px 20px 20px;
}
.content
{
padding: 0 20px 25px 20px;
}
.fb
{position: absolute;
margin-left: 20px;
margin-top: 0;
width: 30px;
height: 30px;
background: url("/assets/course14/social-challenge.png")no-repeat #16a085;
background-position: 0 0;
}
.tw
{position: absolute;
margin-left: 60px;
width: 30px;
height: 30px;
margin-bottom: 20px;
background: url("/assets/course14/social-challenge.png")no-repeat #16a085;
background-position: -30px 0;
}
.gm
{position: absolute;
margin-left: 100px;
background: url("/assets/course14/social-challenge.png")no-repeat #16a085;
background-position: -60px 0;
width: 30px;
height: 30px;
}
/*
Все размеры, отступы, координаты, размеры шрифтов (не заданные в body) кратны 5 или 10.
Адрес картинки-спрайта:
/assets/course14/social-challenge.png
*/

2

Снова здравствуйте.
Давно вас тут не было.
По этому заданию очень много ошибок, будет проще переделать с нуля.
Я вижу, как вы стараетесь, но чего-то всё время не хватает.
Напишите мне на почту, возможно, мне удастся помочь вам с заданием.
Или (если вы будете сами разбираться) я могу просто перечислить ошибки.
Выбирайте сами.

3

Чего мне всё время не хватает - так это мозгов, которые мыслят технически, а не гуманитарно((((
А не было давно, так потому что перед переходом к платным заданиям хочется в основах хорошо разобраться, вот и гоняю их по кругу в какой раз. Как видите, не очень результативно. Эх, а я ещё и радовалась, что у меня ПОЧТИ ПОЛУЧИЛОСЬ сделать это задание, на которое я первые разы перепугано таращилась(
Перечислите ошибки, пожалуйста, всё-таки мне надо понять, что к чему, и научиться самой разбираться, а не ждать, что кто-то добренький сделает.
Спасибо вам:slight_smile:

4

Здесь могу с вами не согласится. Распространенное и уже заезженное заблуждение, для некоторых даже “оправдание”. Разве именование предметов (элементов) не относится больше к гуманитарному подходу?
Не расстраивайтесь и продолжайте заниматься.
Начните с разметки и довольно гуманитарного, семантического подхода.
Называйте элементы своими подходящими именами, а не безликими div-ами. Есть много тегов для текста, и многие из них тоже являются блочными элементами.
Не думайте, что я настаиваю, предлагая помощь (именно помощь, делать за вас никто не будет), но…
Спустя почти год пора двигаться дальше. Не надо застревать на одном месте.

5

Мне-то и хочется двигаться дальше, но я не могу решить ни это задание, ни последнее в этом курсе. Вам можно написать одновременно по обоим заданиям, или лучше открыть отдельную тему по последнему?
И спасибо большое за хорошие советы.

6

Отдельную тему создавайте.
Еще один совет. Не делайте несколько заданий одновременно. Вы только больше себя запутываете. Сосредоточьтесь на одном, чтобы не переносить одни и те же ошибки из одного задания в другое.