Как сверстать несколько линий(вертикальных и горизонтальных в css)?

Михаил Р., ну это макет такой, там выше просто другие блоки, я поэтому вопрос и задаю, такие вещи через background: linear-gradient делаются, или может это что-то с абсолютным позиционированием оранжевого блока. Просто это все предполагает адаптив и я в целом спрашиваю, как такое делают?

Как применить псевдокласс :nth-child в файле название.module.css?

а к контейнеру это можно применить?Я понял, что стили применялись к элементам, а грид является сам контейнер, и следовательно justify-items не работал. Или так не делают? или такое делают через js?

Как применить псевдокласс :nth-child в файле название.module.css?

modelair, блин я не понимаю, как ее сделать доступной для редактирования, там не срабатывает justify-items

Как применить псевдокласс :nth-child в файле название.module.css?

вроде поправил, поставил public

Как применить псевдокласс :nth-child в файле название.module.css?

Михаил Р., добавил сверху

Как сделать, адаптивную колонку с изображением?

а нужную пропорцию я узнаю через макет? и дальше как-то указываю ее в верстке?

Как сверстать блоки которые визуально находятся на разных уровнях?

а если это будет массив из таких однотипных карточек, и я просто [{},{},{}].map(item=>...) т.е. я не знаю точное количество элементов, но логика их отображения не меняется. Как это правильно можно написать, что отображение начинается в правой колонке, затем следующий элемент в левой колонке(причем левая колонка с отступом сверху), затем снова в правой и тд

Как указать относительный путь для ссылок в React?

Антон, vscode

Как указать относительный путь для ссылок в React?

черт я вот так пробовал <a href=`/posts/${id}`>{title}</a>

Что означает этот синтаксис handleChange = (name) => ({ target }) => {}?

ну здесь же не написано event.target

Что означает этот синтаксис handleChange = (name) => ({ target }) => {}?

но как этот таргет туда попадает, это такая деструктуризация и замыкание?

<TextField
            id="outlined-name"
            label="Name"
            className={classes.textField}
            value={name}
            onChange={handleChange("name")}
            margin="normal"
            variant="outlined"
          />

Что означает этот синтаксис handleChange = (name) => ({ target }) => {}?

а откуда берется таргет? что это за параметр

<TextField
            id="outlined-name"
            label="Name"
            className={classes.textField}
            value={name}
            onChange={handleChange("name")}
            margin="normal"
            variant="outlined"
          />

Как сделать кадрирование изображений?

Я думал про обрезку, но как это реализуется?

Как сделать выпадающий список?

на чистом html и css, как можно это сделать?

Как сделать выпадающий список?

Из блоков, допустим из каталога, но без использования bootstrap.