Еврейская Мышь

Вроде решил вот так. Проверьте пожалуйста и если если будут замечания, укажите пожалуйста на них. Спасибо

Сложность в перекрытии картинки градиентом. Пример: код

Здравствуйте. Возникли сложности с реализацией. При наведении на картинку она должна смещаться, оставляя за собой тень. Также картинка заливается градиентом и всплывают блоки-ссылки как на картинке.

Хм, странно, но если работает со значением multiply, но не работает со значением normal, которое по-идее должно быть

Доброго времени суток. Уже давно мучает вопрос, который связан со свойством background-blend-mode и градиентом. Суть вопроса в том, что при вёрстке сайта с макета psd, я часто попадаю на фоновое изображение, которому задана функция с наложением градиента с целью частичного затемнения. Так вот у меня не получается реализовать это в самом проекте. Хотелось бы получить толковый ответ по данному вопросу. Пример кода для наглядности: body { width: 100%; background-image: linear-gradient(to top, rgb(0,0,0), rgb(255,255,255)), url(Surfers/src/img/bg-about-us.jpg); background-blend-mode: normal; }

Здравствуйте. Столкнулся с проблемой, когда блок при уменьшении размеров урезает картинку, которая находится в нём. Можно ли растянуть картинку по всей ширине и высоте блока, чтобы она не обрезалась? Или только в фш подгонять размеры? Код сейчас выглядит так: контейнер { width: 100%; margin-top: 1rem; } блок с картинкой { width: 1280px; height: 960px; margin: 0 auto; }

Всё хорошо, большое спасибо. Сделал через text-alight: center; Всё работает как и хотел.

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

Я не использую в данном проекте flexbox. Спасибо за отзывчивость. Решил проблему добавлением классов left и right с соответствующими свойствами для float. А центральному блоку задал отступы с обеих сторон в %. Получилось примерно следующее: Прошу критики данного решения проблемы.

Здравствуйте. Сам не смог найти решение проблемы и решил обратиться за помощью. Суть проблемы в том, что есть блок с шириной 80% отцентрированный, а в нем маленькие артикли, процентов по 30 с отступами и эти самые артикли прижимаются к левой стороне, оставляя пустое место справа. Нужно отцентрировать артикли с отступами, чтобы равномерно разделилось пустое пространство. На фото наглядно суть проблемы, если выразился непонятно. section { width: 80%; margin: 0 auto; } article { display: inline-block; width: 30%; min-height: 400px; margin: 10px auto; padding: 1rem; line-height: 1.35; color: #000; background-color: rgba(246,142,86,.65); border-radius: 0.2rem; }