Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Ankhena, спасибо за помощь и терпение.)

Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Ankhena, колонок 3 и элементов 3. Но элементы имеют минимальную ширину — например 300 пикселей. Элементы занимают 900 пикселей. Если я буду сжимать экран до 700 пикселей по ширине например, то мне нужно чтобы последний элемент перепрыгнул на 2 ряд и стал шириной в 600 пикселей. Даже перепрыгивание невозможно сделать без auto-fill не прибегая к media выражениям. Простите, я наверное вам задурил голову.)
Вот пример как это должно работать, только на grid: https://study-projects.netlify.app/3columns/

Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Ankhena, то есть через nth? Но все равно не понимаю. Какое отношение nth имеет к изменению размера экрана.? Если количество колонок будет известно (например 3 на 3), то макет будет статичным и последний блок без дополнительных правил вообще переноситься на второй ряд не будет.

Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Ankhena, просто я когда делал это, то предполагал, что таких карточек может быть неизвестное количество. А без auto-fill как вы бы сделали?

Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Ankhena, привет.) Я прочитал статью, но не понял как она может помочь в данном случае. Да и мне интересно - можно ли это реализовать по средствам самого grid. Пока я не знаю как это сделать без использования media тегов.(

Почему не отсеиваются нули при сравнении 0 < 0?

Alexandroppolus, спасибо вам. Тяжело конечно это все анализировать.)

Почему не отсеиваются нули при сравнении 0 < 0?

Почему читер? Я сам решил задачу вторым способом. Потом я захотел его переписать на .filter и столкнулся с проблемой. Не смог ее решить - написал сюда. Теперь вижу где была ошибка а главное я ее понял.

Почему не отсеиваются нули при сравнении 0 < 0?

Alexandroppolus, я переписал это вот так:

return index < array.length - 1  ? item < array[index + 1] : true

Понял в чем была ошибка. Это тоже плохой способ?

Почему не отсеиваются нули при сравнении 0 < 0?

Точно. Выходит у меня неправильно первое условие написано... Я неправильно написал то, что хотел.

Почему не отсеиваются нули при сравнении 0 < 0?

Ну, она работает, как мне кажется, так: если индекс массива + 1 не выходит за диапазон массива, то она начинает сравнивать текущий элемент массива с последующим. Если же индекс массива + 1 вышел за диапазон массива — значит все элементы уже прошли свои сравнения (а с undefined нам сравнивать не нужно) и мы просто возвращаем последний элемент чтобы наш результирующий массив был полным.

Я переделывал эту функцию таким образом (он работает и нули удаляет):

function mergeArrays(arr1, arr2) {
	let result = []
	result = result.concat(arr1, arr2).sort((a, b) => a - b)

	for (let i = result.length; i > 0; i--) {
		if (result[i - 1] != undefined) {
			if(result[i] - result[i - 1] === 0) {
				result.splice(i, 1)
			}
		}
	}
	return result
}

Но мне интересно почему не работает то, о чем я спрашивал. Я не могу понять.

Почему алгоритм работает не совсем правильно из-за финальной проверки?

mayton2019, я просто совсем новичок. Только начал массивы изучать и их методы. Ничего лучшего на ум не пришло кроме .splice в данном случае.)

Почему алгоритм работает не совсем правильно из-за финальной проверки?

Какая дурацкая ошибка.) Спасибо.

Почему константа const позволяет изменять значение внутри себя не по ссылке?

Благодарю, въехал.)

Почему метод push не работает в тандеме c reduce?

Благодарю, походу я понял. Не думал что push() работает так.

Почему не работает callback функция внутри slice()?

Спасибо вам, точно, там ведь надо еще () для вызова добавить.=) Задание было такое, что надо найти в строке "morning" и заменить на "evining". Это первое, что пришло мне в голову из решений.=)
P.S. - только, что попробовал вместо стрелочной функции просто вставить str.indexOf('Morning') и все заработало. Что-то я перемудрил.) Но зато узнал что-то новое от вас.=)

Почему не полностью работают подсказки (не видят наследования) в VSCode?

WbICHA, то есть это какая-то особенность самого JavaScript?

С течением времени перестают работать подсказки в VSCode, как исправить?

Plutarchus, удалось. В моем случае эту проблему вызывал плагин навигации по CSS не CSS Peek а какой-то его аналог. Попробуйте отключить все плагины, закрыть и открыть программу и посмотреть — осталась ли проблема. Если нет — значит дело в плагине или его плохой настройке.

С течением времени перестают работать подсказки в VSCode, как исправить?

Игорь Махов, логи открыл - везде пусто. Немного не понял что значит повысить уровень логов в настройках - это где нужно делать не подскажите. Я просто новичёк совсем.)

Как пошагово работает сортировка .sort()?

Спасибо за ответ. Хотел еще спросить - может вы посоветуете книгу по алгоритмам или даже книгу для того, чтобы подготовится читать легкие книги по алгоритмам для совсем-совсем новичка (или видео-курс). Я как-то пробовал читать некоторые, но понял, что забытый курс математики заставляет смотреть даже на многие формулы как баран на ворота.

Как пошагово работает сортировка .sort()?

alexalexes, спасибо большое за ответ, теперь понял что не все так однообразно как мне казалось.