Cheizer

Перевел кое как на английский вопрос, и погуглил, не думал что правильно сформулирую вопрос на англ, вопрос, но получилось. Решение такое, может кому пригодиться

Стиль такой к блоку с бордером

-webkit-box-decoration-break: clone;
	box-decoration-break: clone;

Не знаю насколько кроссбраузенрно но работает

Вот живой пример
https://codepen.io/rpsthecoder/pen/yjVMLB

Попробуйте рисункам прописать align-self:center; или align-items:center

У вас там inline стиль прописан, flex-basis: 200px;
замените его на

width: 200px;
    margin: 0 auto;

и всегда будет 2 + 2

.logo-box {
  width: 8vh;
  height: 8vh;
  background-color: green;
  margin: 0;
display:flex;
align-items:center;
justify-content:center;
}
.logo-pic {
  width: 6vh;
  height: 6vh;
  background-color: red;
  margin: auto;
}

Ankhena подсказал решение, маску нужно сделать белой

решение подсказал Ankhena маску нужно сделать белой

решение

const swiperSlides = document.getElementsByClassName('swiper-slide');

s6.on('slideChange', function() {
  const otherSlides = swiperSlides
  for (let index = 0; index < swiperSlides.length; index++) {
    const element = swiperSlides[index];
    element.getElementsByTagName('a')[0].style.display = 'none'
  }

  const linkElemCurrentSlide = swiperSlides[s6.realIndex].getElementsByTagName('a')
  linkElemCurrentSlide[0].style.display = 'block'
});

Очень просто, стилями.

Вот стили для Google CART готовые https://snazzymaps.com/explore?tag=dark

Вот тут в можете создать свой стиль https://mapstyle.withgoogle.com/

А вот пример серой карты https://codepen.io/Cheizer/pen/wxMqLz

Вот черной https://codepen.io/Cheizer/pen/EzNvVB

Копируйте те или иные стили в опциях в свой код и все styles: [..........]

У вас на строку стоит CSS правило

.sec1 .ar0 h2 {
    padding-right: 245px;
}

Поэтому при уменьшении сразу места не хватает, и получается перенос строки.

Сделайте так

article h2{
    width: 100%;
    max-width: 518px;
}
.sec1 .ar0 h2 {
    /* padding-right: 245px; */
}

Решение

var IDs = [];
$("#pagepiling").find(".section").each(function(){ IDs.push(this.id); });

$('#pagepiling').pagepiling({
	    		menu: '#menu',
	    		anchors: IDs,
			    sectionsColor: ['white', '#ee005a', '#2C3E50'],
			});

РЕШЕНО, была ошибка &value=`valueOption` нужно &value=`[[+valueOption]]` нужно высыпаться :)