Как обратиться к блоку внутри блока в css?

Если он уникальный и не модифицируется родительскими блоками, то правильно напрямую к .block3.

Слишком общий вопрос. Слишком много сценариев.

Как пропустить нумерацию в списке CSS?

Нужно сделать график и кастомизировать его под дизайн, с помощью чего можно реализовать?

Кирилл, Владимир Путин — молодец. Политик, лидер и борец.

Как переделать часть блочного кода на табличный?

Что слетает, что переделать?

Зачем таблицы? Если для табличных данных, то вопроса нет, если для разметки — переделывайте.

В чем может быть проблема анимации на mac OS?

Какой модели Macbook (какие ТТХ), какой браузер?

Мне давеча тоже жаловались, что на Air 13 (2012) что-то там на сайте работает не так плавно, как хотелось бы. И это не удивительно, потому что маломощность устройства никто не отменял.

Правильно ли я делаю?

tosster22, я в файле компонента (SASS) пишу media-запросы. Но не в конце, а после каждого элемента компонента, т. к. использую BEM и конструкцию типа @at-root #{$self}__el {...}.

Потом media-запросы объединяю с помощью какого-то там плагина для Gulp.

Почему в Опере не работает флекс-бокс?

Darya Shvakh, вы лучше отметьте решением те ответы, что ниже :))

Проверьте, может и AnimateCSS заработал, кстати.

Почему в Опере не работает флекс-бокс?

Darya Shvakh, обновите Opera. Или скажите номер версии. Не верю, что у вас нормальная версия стоит.

Как реализовать подобный блок на HTML+CSS?

Дополняя ответ выше, с учётом закругления, clip-path навряд ли, а вот маска — да. Только ширина этой штуки должна быть фиксированной, чтобы не было искажения степени закругления.

Хотя я могу не знать метода, как сделать маску адаптивной, а он есть.

Почему в Опере не работает флекс-бокс?

Darya Shvakh, да, всё в порядке. Что у вас за ПК? То AnimateCSS не работает, то Opera.

Почему в Опере не работает флекс-бокс?

И да, у меня всё в порядке в Opera.

Почему в Опере не работает флекс-бокс?

Версия Opera? Таких проблем там быть не может с учётом 2019-го года и с учётом того, что Opera уже давно на движке Chrome'a.

Существует ли материал по вёрстке в 2019?

Лень отвечать, потому скажу, что div используется везде, ибо он базовый тег.

Для создания макетов и прототипов сайтов/приложений есть более специализированное ПО (Figma, Zeppelin, Adobe XD и т. п.), чем Photoshop.

С какой скоростью браузер проигрывает анимацию?

Вы уверены, что это относится с CSS?

Как сделать такую разметку на бутстрап?

Тимур Турсунбаев, за Bootstrap и двор — стреляю в упор.

Как сделать такую разметку на бутстрап?

LOL…

Bootstrap будто бы отключает мышление у людей. Что мешает сделать, страшно сказать… вручную эти, кхм, три колонки?

Как правильно вставлять адаптивные изображения?

Alex, да, посмотрел, память подвела, это не работает (выставление атрибутов), но остальное остаётся в силе.

Как правильно вставлять адаптивные изображения?

Никакие. Откуда браузер знает соотношение сторон картинки, пока он не начнет её грузить? Правильно — никак, кроме как выставлять атрибуты width и height. А если без них — только хаком с обёрткой картинки в div и выставлением соотношения сторон с помощью CSS, что совершенно не универсально.

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

Как сделать нотификации на js?

Как угодно. Это больше вопрос UX/UI, чем JS.

Почему кнопки в Safari и Chromе отображаются по-разному?

Ну или вот так:

.header__buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header__buttons > * {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    box-sizing: border-box;
    cursor: pointer;
}

.contact-now {
    width: 200px;
    max-width: 200px;
    background-color: #fff;
    color: #454242;
    text-transform: none;
    font-size: 16px;
    font-weight: 500;
    border-radius: 100px;
}

.see-more {
    margin-left: 30px;
}