Как сделать на гридах?

imko, понял, спасибо!

Как сделать на гридах?

трудности из-за разной высоты

Неправильный last-child?

а вообще хорошо бы взглянуть на разметку

Можно ли автоматически высчитывать max-height на css?

Ankhena, окей, спасибо!
также спасибо за предыдущий развернутый ответ)
с оберткой я разобрался.

Можно ли автоматически высчитывать max-height на css?

Ankhena, понял, спасибо, получилось!
делал просто в торопясь, забыл прописать box-sizing.

в примере wrapper ни к чему, но в настоящем примере такая разметка.
с гридами просто не работал, поэтому не особо их понимаю.

Можно ли автоматически высчитывать max-height на css?

Ankhena, https://codepen.io/hivoina-a/pen/oNojmzN

3 форма

Можно ли автоматически высчитывать max-height на css?

Ankhena, а подскажите еще, пожалуйста, можно что-то придумать, если текст будет еще в одной вложенности?

Можно ли автоматически высчитывать max-height на css?

Ankhena, да, действительно. спасибо
https://codepen.io/hivoina-a/pen/oNojmzN
там и мой способ и ваш

Можно ли автоматически высчитывать max-height на css?

Mikhail Osher, спасибо. но уже вроде как нашел решение

Можно ли автоматически высчитывать max-height на css?

это само собой)

Можно ли автоматически высчитывать max-height на css?

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

Можно ли автоматически высчитывать max-height на css?

Ankhena, ок, спасибо. буду смотреть

Почему не работает node.js и gulp?

Владимир, python через npm установить? npm i python
node-sass пытался устанавливать

Как в массиве найти элемент другого массива?

Спасибо огромное!

Как во vue добавить класс родителю, если input radio или ckebox checked?

Andrey Vasilev, ок, спасибо! буду пробовать

Как во vue добавить класс родителю, если input radio или ckebox checked?

Andrey Vasilev, спасибо. что откликнулись.
есть еще проблема с чекбоксами, если отметить еще один, то у предыдущего пропадает класс.
и если вернуться на шаг назад, то у элемента пропал класс.
смысл, скрыть инпуты и подсвечивать, если активны, за счет класса.

поправил с вашим предложением решения
https://codepen.io/aftar/pen/WNorxyR

Как во vue добавить класс родителю, если input radio или ckebox checked?

Я объект циклом и вывожу, посмотри на code pen в описании

Как отфильтровать комментарии по годам и вывести кнопки с кол-ом ком-ев за год?

Артем Золин, я и вывожу сначала контейнер с табами, а затем с отзывами. Слова отзыв, отзывы.. я поправил.
Вот как это дело выводится.

<div class="reviews__main-tabs">
    <div class="reviews__tab-wrapper">
        <a class="reviews__tab" href="#">
            <p>2018 г.</p>
            <span>1 отзыв</span>
        </a>
    </div>
    <div class="reviews__tab-wrapper">
        <a class="reviews__tab" href="#">
            <p>2019 г.</p>
            <span>1 отзыв</span>
        </a>
    </div>
    <div class="reviews__tab-wrapper">
        <a class="reviews__tab" href="#">
            <p>2020 г.</p>
            <span>7 отзывов</span>
        </a>
    </div>
</div>

<div class="reviews__main-items">
    <div class="reviews__item" data-year="2018" id="comment-2">
        <div class="reviews__item-person">
            <div class="reviews__item-person-name">Тест имя</div>
            <p class="reviews__item-person-date">17.11.2018</p>
        </div>
        <div class="reviews__item-descr">
            <p>тест</p>
        </div>
    </div>
    <div class="reviews__item" data-year="2019" id="comment-12">
        <div class="reviews__item-person">
            <div class="reviews__item-person-name">тестовое имя</div>
            <p class="reviews__item-person-date">17.11.2019</p>
        </div>
        <div class="reviews__item-descr">
            <p>тест</p>
        </div>
    </div>
    <div class="reviews__item" data-year="2020" id="comment-7">
        <div class="reviews__item-person">
            <div class="reviews__item-person-name">Тест имя</div>
            <p class="reviews__item-person-date">17.11.2020</p>
        </div>
        <div class="reviews__item-descr">
            <p>
                Комментарий 3
            </p>
        </div>
    </div>
</div>

и т.д.

Не понял зачем мне bootstrap))

Мне интересно как дальше фильтровать отзывы фильтром js или можно как-то через ajax передавать год и выводить соответственно.
Также не понял про английские буквы, чем это чревато...?

Как отфильтровать комментарии по годам и вывести кнопки с кол-ом ком-ев за год?

Привет друг, спасибо, 2 раз помогаешь!
Получается с помощью твоей функции я вывел табы с количеством комментариев.

Теперь получается фильтровать комментарии по клику на таб с помощью js?
Мысль такая добавить к карточке отзыва атрибут data-year присвоить год. И по клику на таб если год совпадает, то display: block, остальным display: none;

Или это плохой способ и лучше по другому как-то?)

Вот код как сделал

<div class="reviews__main-tabs">
						<?php 
							$commentYear = (int) '2014'; // первый год комментариев

							// запускаем цикл до текущего года
							while ( $commentYear <= date('Y') ) {
							  
							  $comments = get_comments( array( 
							    'orderby' => 'date',
							    'status' => 'approve',
							    'order' => 'DESC',
							    'date_query' => array(
							      array(
							        'year' => $commentYear
							      )
							    )
							  ) );

							  if ( $comments ) {
							  	$counts = count($comments);
							  	echo  "<div class='reviews__tab-wrapper'><a class='reviews__tab' href='#'><p>$commentYear г.</p><span>$counts отзывов</span></a></div>";
							  }

							  $commentYear++;
							}
						?>
					</div>


					<div class="reviews__main-items">
						<?php if( function_exists('mytheme_comment') ) {
							// Формируем вывод списка полученных комментариев
							wp_list_comments(array(
								'style'         => 'div',
								'callback'      => 'mytheme_comment',
								'type'          => 'all',
								'reverse_top_level' => true,
							), $comments);

						} ?>
					</div>

					<?php else: ?>
						<p class="comments-title">Пока нет комментариев. Будь первым!</p>		
					<?php endif; ?>

					<?php paginate_comments_links(); ?>

Как правильно указать путь картинки?

спасибо! попробую 2-м вариантом сделать