8/23 совпадение 98%

Курсы §10. Блочная модель документа
1 
/* Базовые стили, изменять не нужно */
html,
body {
    margin: 0;
    padding: 0;
}

body {
    width: 540px;
    min-height: 290px;
    padding-top: 20px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.5;
    font-family: Arial, sans-serif;
    color: white;
    background-color: #3a78a1;
    background-image: url("/assets/course9/grid.png");
    background-repeat: repeat;
    background-position: -80px -80px;
}

.block {
    background: rgba(0, 255, 255, 0.2);
    border: 2px solid white;
}

.block1 {
    width: 196px;
    height: 36px;
}

.block2 {
    width: 56px;
    height: 36px;
    margin: 20px 120px;
    padding:10px 40px;
}

.block3 {
    width: 164px;
    height: 28px;
    border-width: 12px;
    margin-left: 20px;
    padding: 4px 6px;
}
2

В блоке 3 подкорректируйте паддинги и, после этого, ширину и высоту этого блока. У Вас во вкладке “Различия” видно, что проблема в неправильном расположении “Блок 3”. Вы включали эту вкладку?

3

исправлено уже все; но по моему все таки это дикость на глаз, и даже с применением линеек в плагинах, нихрена не получается точно определить

4

Это более, чем элементарно: в блоке 3 все паддинги по 5px, ширина 166px, высота 26px. Всё! Это ещё не те задания, чтобы на глаз вымерять. И цель их совсем другая. Подбирается достаточно просто, нужно чаще включать вкладку “Различия” и смотреть, какой параметр корректировать и в какую сторону.

1 лайк
5

беда в том что вкладка Различия, Наложения, Результат - часто обновляются только после того как ткнешь кнопку проверить, слетают проверки, так что часто их нажимать не получиться)) а так уже разобрался что к чему.

6

Тут должно хватить и одной проверки, как я теперь понимаю.
Я тоже новичок. Первый раз начал редактировать методом подбора, и 3ий блок после проверки поехал… Попытался исправить - стало на 1% хуже. Задумался… Сбросил код. Пошел с другого конца.
Сначала ввел margin (явный), подобрал padding, затем толщину границы, чтобы было как в образце (не обращая внимания на размер элемента). А дальше считаем размер содержимого (каким оно должно быть, чтобы наши настройки не поехали и при этом общие размеры элемента соответствовали заданию).
Как не меняй размер содержимого - margin никуда не денется. Значит его в расчет не берем. Дальше… Общий размер ширины должен быть 200px (судя по сетке), значит высота содержимого = 200-(сумма горизонтальных отступов и границ). Задали значение width. То же самое повторяем с вертикальными и задаем height. С первой проверки все получилось. Потренеруйтесь на других примерах из интернета, и все ляжет на свои места.
Удачи вам.

1 лайк