Если сдвинуть с помощью background-position или позиционирования, то при максимальной ширине фон естественно будет обрезан
<a> нельзя вкладывать внутрь другого тега <a> исходя из спецификации HTML5. Даже если технически это осуществимо, ваш код будет невалидным. <div class="card">
<a href="/product" class="card__product-link">/* Здесь контент карточки товара */</a>
<ul class="card__socials socials">
<li class="socials__item">
<a href="#" class="socials__link"></a>
</li>
</ul>
</div>Какие технологии использовтаь для, допустим, IE 9 версии и тд?
По этому, в принципе, у меня вопросов нет, но если найдутся какие-либо соображения и замечания - готов выслушать.
есть ли в этом смысл?
.img {
width: 400px;
height: 400px;
object-fit: cover;
object-position: center;
}.wrapper {
width: 400px;
height: 400px;
border-radius: 50%;
overflow: hidden;
}
.img {
transform: translateX(-100px);
}const $square = $('.seat path')
const boundingBox = $square[0].getBBox()
const xCenter = (boundingBox.width / 2) + boundingBox.x
const yCenter = (boundingBox.height / 2) + boundingBox.y
$square.css('transform-origin', `${xCenter}px ${yCenter}px`)transform-origin: 50% 50%; спасло бы ситуацию, однако для частей SVG, насколько я знаю, transform-origin считается от всего <svg> элемента, а не от самого элемента на котором он применен, поэтому верные значения надо высчитать с помощью JS или заинлайнить.
На десктопе я сделал его с двух частей через p, второму p дал text-align: right и добавил разделитель через ::before.
p.s доп. вопрос: "когда адаптируешь макет, то достаточно пройтись по основным точкам 1200px,. 992px и т.д. или нужно чтобы везде все было идеально?"
@media не соответствующих заранее определенным брейкпоинтам (хотя есть исключения).
Неужели у стилей в id приоритет больше?
<ul class="list">
<li class="list__item">1</li>
<li class="list__item">2</li>
</ul>.list {
width: 450px;
margin: 30px auto;
}
.list__item {
width: 100px;
float: left;
margin-left: 50px;
}что, в принципе, естественно, т.к. отчет от экрана, и с этим можно бороться
width: inherit;
max-width: inherit;2. Как контролировать поведение и сделать плавное "скольжение" блока без прыжков на старте?
position: fixed
top: 12px@media (max-width: 320px)
.hello
rule: value
// а лучше
.hello
@media (max-width: 320px)
rule: value