Если вот так прописываю
linear-gradient(135deg, white 0%, white 25%, transparent 25%, transparent 100%),
linear-gradient(225deg, white 0%, white 25%, transparent 25%);
, система не хочет принимать ответ (а он вроде правильны, если не ошибаюсь).
Это в принципе неважно, так там всегда можно посмотреть ответ, но решил на всякий случай написать.
Ссылку на задание прикрепите, пожалуйста.
Так во-первых вот здесь ошибка в рисунке, если не ошибаюсь?
Так правильно, 0% и 100% писать не надо:
background-image:
linear-gradient(135deg, white 25%, transparent 25%),
linear-gradient(225deg, white 25%, transparent 25%);
Поясните, что не так по-вашему?
у рисунка с котиком стрелки right и bottom перепутаны, это в принципе не важно, так мелкая помарка, на восприятие не влияет.
так правильны оба варианта, хотя мой избыточен. Но в принципе это тоже не важно). Просто система второй вариант не принимает.
по вашей части вопросы.Еще вопрос вот про это 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, как вы предполагаете. Вместо этого этим вы втолкнете последующий элемент в основной элемент, перекрывая его.
Поправили, спасибо!
На рисунке всё верно. Показано расстояние от левого края до правой границы и от верхнего края до нижней границы.
А, да, не заметил, и вправду все ок)