У меня были проблемы с масштабированием изображения с тенью. На экранах рабочего стола картинка в порядке, но когда она масштабируется до уровня мобильного устройства, она становится слишком большой и пересекает другие деления.
Может кто-нибудь помочь с масштабированием для мобильных устройств?
.img {
width: 330px;
height: 300px;
border: 2px solid #fff;
background: url(https://picsum.photos/330/300) no-repeat;
-moz-box-shadow: 10px 10px 5px #ccc;
-webkit-box-shadow: 10px 10px 5px #ccc;
box-shadow: 10px 10px 5px #ccc;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
<div class="img"></div>
Является ли это даже лучшим способом поместить этот тип изображения, просто используя в основном CSS?