npofopr

https://getwaves.io/

Это понятно. Интересны реальные ссылки. 

display: flex

👍 

теперь учи за адаптив)

Кто попросил? 
Я к тому, что это где то в проде используется?

1 час назад, Full-R сказал:

уже нет вшей

и куда же это они делись? о_О

вы решили все свои работы выкладывать? 😄 

C картинками всё также проблемы) 

Неужели публикации на сервисах ссылок, до сих пор приносят какой то профит?) Тут ссылка nofollow проставялется, если что. 

Это вы так фото оптимизировали? 

круто)

PageSpeed вам всё расскажет https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Fkuat.com.kz%2F&tab=desktop

Ну лучше у них спрашивать, в какие они умеют) 
Разрабочтки обычно не во все cms умеют. 
Из популярных, тот же Wordpress. Бывают рукописные админки. 
Не могу тут что то конкретное посоветовать, к сожалению. 

body {margin:0; padding: 0}

Ну вы почитайте, что умеет эта CMS — https://textolite.ru/extended/ и понятно станет, что там можно, а что нет. 
Но если функционал замены картинок не запрограммирован, то ни о каком обновлении картинок и речи не может быть. Это касается любой CMS. 

Какую cms выбрали, с той вам и мучаться. Или переделывать. 

Для картинки плюсом использовать object-fit. 

А текст, обрезать с помощью js\php или с помощью css свойства line-clamp

и? если навести на url картинки, она отобразится?

У меня всё работает: https://jsfiddle.net/npofopr/1uj5azsb/

Откройте вкладку Консоль. Там 2 ошибки, не по картинке случайно?

в DevTools что показывает? 
Наверно картинку не видит. 

Ну это не проблема вёрстки, имхо. А проблема Вордпресса. 

Раз это виджет, у виджета должна быть своя страница, обычно там можно задать вопрос. 
Ну или ещё раз документацию перечитывать. 

Ну или читать по пейджинг в Ворпрессе. 

С вашим курсом кода тут явно не разобраться. 

По-моему вы об этом же спрашиваете https://qna.habr.com/q/511157 ?

С помощью js, видимо. 

Погуглите на тему js select change или что то в этом роде. 
Не совсем понятно, что вам в итоге надо. Примеров уйма выдаст. 

Без объяснений?

Для .tab-wrap задайте overflow: hidden;

Для .img задайте размеры. 
А вообще. Существует тег <img>

По слайдеру, погуглите js библиотки слайдеров. 

Надо вас спросить, зачем вы осуждаете)

Напишите. Можете, думаю, ещё спецификации почитать. Там обычно пишут, зачем, для чего и как. 
Пометки deprecated вроде тоже бывают. 

А в целом, не забывайте про обратную совместимость. Не все сайты современные. Сайты с доктайпом html4 тоже существуют и должны работать. 

Ещё существует вёрстка почтовых шаблонов, где как раз "старый" html. И особо не развернёшься. 
Там и тег <center> вполне можно заиспользовать.

В общем, использовать атрибуты или нет, уже вам решать. Считаете устаревшими, не используйте.

А с чего вы взяли, что ему что то не нравится? 

Почему собственно нет? Зачем стили, когда можно прямо в html задать формат разным спискам?

width: 100%; height: 100% для canvas ?

Почитайте про viewport. 
Скорее всего может помочь.