Нужен спец по CSS настроить Google AMP и Яндекс Турбо страницы
Сайт на Wordpress - https://endocrin-patient.com/ - я уже нужные плагины поставил и активировал, от вас требуется поправить custom CSS код, чтобы он работал на Google AMP и Яндекс Турбо страницах.
1. Посмотрите картинку pic1.jpg, которая прилагается к заданию. Это блок с ползунком и вкладками. Он есть на многих страницах на сайте, см. например https://endocrin-patient.com/dieta-pri-saharnom-diabete/ внизу под оглавлением.
Он сделан на CSS без JavaScript.
Нужно, чтобы он продолжал работать на страницах Яндекс Турбо и Google AMP. Это главная задача.
2. Постарайтесь, чтобы другие кусочки custom CSS кода тоже работали.
2.1. В таблицах html в строках чередуется фон белый и светлый, см. пример на той же странице про диету.
2.2. Бывает такой
2.3. В списках отступы слева поправить.
2.4. Междустрочные интервалы и размер шрифта.
2.4. Если можно, добиться работы кусочков ramkaLeft550 и .tabliza-header
.ramkaLeft550 {
width: 80%;
max-width: 550px;
margin-top: 2em;
margin-bottom: 2em;
margin-left: 8px;
margin-right: auto;
padding: 1em;
box-shadow: 0 5px 10px hsla(0,100%,50%,.5), -5px 5px 10px hsla(60,100%,50%,.7), 5px -5px 10px hsla(120,100%,50%,.5), 5px 0 10px hsla(240,100%,50%,.5);
}
.tabliza-header {
background: url(https://endocrin-patient.com/wp-content/uploads/2017/07/info-icon.png) no-repeat 0px 50%;
line-height: 2em;
padding-left: 30px;
margin: 0.5em;
}
2.5 Сделайте, что еще понадобится, чтобы страницы Google AMP и Яндекс Турбо выглядели неплохо.