Строим сложный фон, часть 1

Если вот так прописываю
linear-gradient(135deg, white 0%, white 25%, transparent 25%, transparent 100%),
linear-gradient(225deg, white 0%, white 25%, transparent 25%);
, система не хочет принимать ответ (а он вроде правильны, если не ошибаюсь).
Это в принципе неважно, так там всегда можно посмотреть ответ, но решил на всякий случай написать.

Ссылку на задание прикрепите, пожалуйста.

Так во-первых вот здесь ошибка в рисунке, если не ошибаюсь?

ссылка на задание https://htmlacademy.ru/courses/70/run/15

Так правильно, 0% и 100% писать не надо:

background-image:
        linear-gradient(135deg, white 25%, transparent 25%),
        linear-gradient(225deg, white 25%, transparent 25%);

Поясните, что не так по-вашему?

у рисунка с котиком стрелки right и bottom перепутаны, это в принципе не важно, так мелкая помарка, на восприятие не влияет.

так правильны оба варианта, хотя мой избыточен. Но в принципе это тоже не важно). Просто система второй вариант не принимает.

@juwain, :point_up: по вашей части вопросы.

1 лайк

Еще вопрос вот про это https://htmlacademy.ru/courses/76/run/15
Мы добавляем первым действием margin: 0 -20px; для блока inner.
Почему он после этого так расползся?То есть почему блок inner краями выступил за пределы родителя outer?

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

То есть где-то прописать (если эта информация верна!!, брал инфу отсюда -http://dnzl.ru/view_post.php?id=308 )

1.Когда статический элемент получает отрицательный margin для top/left, то элемент ‛движется“ в указанном(top/left) направлении.

2.Но если вы используете его для down/right, то элемент не сместится по направлению down/right, как вы предполагаете. Вместо этого этим вы втолкнете последующий элемент в основной элемент, перекрывая его.

Поправили, спасибо!

На рисунке всё верно. Показано расстояние от левого края до правой границы и от верхнего края до нижней границы.

А, да, не заметил, и вправду все ок)