Как увеличивать высоту textarea верх, когда много текста?

Ankhena извеняюсь, может знаете решение)

Как увеличивать высоту textarea верх, когда много текста?

ka-terok, Нет

Как увеличивать высоту textarea верх, когда много текста?

Что-то не совсем понял что нужно сделать)

Как сделать три колонки на flex?

Ankhena, Да, если эти li оберну например в три дива, как отдельные блоки, и напишу display: flex
Но так сделать я не могу, так как я вывожу их через map() динамически, и этих li может быть разное количество...

Как сделать три колонки на flex?

Ankhena, Как я с помощью column-gap сделаю 3 колонки?

Как прижать бордер к grid элементам?

12Vadim12, Не, нужно что бы бордер был у ul или section. Что бы не было пространства этого

Как можно наследовать стили другого класса через scss?

Ankhena, Понял, спасибо

Как можно наследовать стили другого класса через scss?

Ankhena, Я ктому что в том файе который я импортирую есть ещё классы, по мимо тех что мне нужны....

он выглядит как-то так

.div1 {
  color: red;

  &__dd11 {
     border: 14px solid;
  }
}

.div2 {
  color: blue;

  &__dd22 {
     border: 11px solid;
  }
}

.div3 {
  color: yellow;

  &__dd33 {
    border: 12px solid;
  }
}

.div4 {
  color:  green;

 &__dd44 {
   border: 17px solid;
  }
}

Все эти стили находятся допустим в файле div.scss

Я хочу наследовать стили класса .div2, для этого мне нужно его импортировать туда где я хочу наследовать

@import 'div.scss'

и наследую
@extend .div2;

После такого у меня в том файле где я наследую появляются стили .div1\.div3\.div4 который мне не нужны.

Возможно как-то импортировать и наследовать только .div2?

Как обратится к предыдущему элементу css?

Спасибо большой

Как обратится к предыдущему элементу css?

Ок, понял. Спасибо

Почему grid-template-rows работает только для первой строки элементов?

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

Почему grid-template-rows работает только для первой строки элементов?

Спасибо, а не могли бы подсказать как можно расположить черные линии между блоками, сейчас пробую через nth-child(even), не совсем то пока что получается...

Почему grid-template-rows работает только для первой строки элементов?

Я и так пробовал, но нечего не меняется

grid-template-columns: repeat(auto-fill, 171px);
    grid-template-rows: repeat(auto-fill, 171px);

Всё равно только для первого ряда срабатывает...

Почему grid-template-rows работает только для первой строки элементов?

А как правильно это сделать. если я не знаю сколько в будущем может быть таких рядов?

Как правильно назвать эту секцию?

Ankhena, Спасибо, а не могли бы пожалуйста подсказать, как лучше это сделать, (написал через dl, dt, dd) а колонки лучше через grid или flex?

Как правильно написать grid для таких элементов?

Сергей delphinpro, Сложно объяснить, там есть скрины, то как это нарисовал дизайнер)
На других страницах есть точно такие же кнопки, но где-то их две, где-то три, где-то четыре... И это затрудняет, как правильно это реализовать что бы нормально выглядело при разных экранах, при разном количестве кнопок...

Как правильно написать grid для таких элементов?

Сергей delphinpro, А как быть с размерами? Как мне задать их правильно, если бы я был уверен что будет три кнопки только, я бы написал что бы кнопка занимала 33% ширины, а на мобильном fit-content, но их может быть разное количество...

Как правильно написать grid для таких элементов?

Сергей delphinpro, Вот это ещё как-то центрировать нужно будет...

Как правильно написать grid для таких элементов?

Смущает что у них у всех то одинаковые размеры, то как на смартфонах разные

Как вытащить border за контейнер?

Ankhena,

Вот такое должно быть