Как можно свертать такой блок? То есть стрелочка снизу между двумя блоками, при этом адаптивность.
-
Что именно вы имеете в виду под словом "адаптивность", какая конкретно адаптивность вам нужна?– andreymal13 мая в 16:28
-
1Банально чтобы при уменьшении ширины экрана, стрелочка не сдвигалась.– Albert13 мая в 16:29
-
Найдите картинку с такой стрелкой, поставьте её на after или before. Как вариант– Sergey Bogdanets13 мая в 17:44
1 ответ
С помощью background-image стрелку ставят в качестве фона. С помощью background-size указывают размер картинки. С помощью background-position указывают положение картинки внутри родителя.
Если адаптив то можно менять размер и положение картинки c помощью медиа запросов. Если нужно картинку тоже можно поменять.
/* Для смартфонов */
@media screen and (max-width: 360px) {
element {
background-image: "./images/3.png";
background-position: 30px 10px;
background-size: 200px 20px;
}
}
/* Для пк */
@media screen and (min-width: 360px) {
element {
background-image: "./images/3.png";
background-position: 70px 30px;
background-size: 300px 30px;
}
}