Как сверстать такое расположение блоков (желательно на флексах)?

:nth-child(even) {margin-top: -30px}

Проблема с вёрсткой grid?

На картинке грид в 6 столбцов и 3 строки.

Варианта 2:
1. Делаете именованные области.
Типа так: https://jsfiddle.net/59jxqu72/

2. Указываете блокам начальные и конечные линии по вертикали и горизонтали.
Так https://jsfiddle.net/yzL6d3ks/

Позиция sticky для двух дивов внутри одного при различном наполнении?

Михаил Лебедев, вы там с флоатами clearfix разберитесь нормально.

Как сдвинуть второй внутренний элемент в правый край окна с помощью flexbox? Ну или с помощью каких-либо других инструментов css?

aleksandrkotov,

ибо логотип стал размером в несколько px

Так вы ему размер задайте или замените на max-content.
Я же не знаю как он у вас там сделан.

наверное мне нужно искать какой-то вариант попроще, может float попробую.

Чтобы вам помочь, нужно чтобы вы сделали пример с вашим кодом в песочнице на jsfiddle.net или аналоге.

Позиция sticky для двух дивов внутри одного при различном наполнении?

Михаил Лебедев, https://jsfiddle.net/w687mzg4/

Позиция sticky для двух дивов внутри одного при различном наполнении?

Что-то последнее время все вопросы про sticky сводятся к следующему:

- как мне сделать sticky (при этом автор в явном виде знает это слово)
- использовать sticky
- а, точно!

Так и что у вас там не работает после применения sticky?

Не отображается картинка svg при подключении через CSS, что неправильно сделано?

Hecntv, давайте ка песочницу или ссылку на github pages или что-то где можно нормально увидеть вашу проблему в действии.

Не отображается картинка svg при подключении через CSS, что неправильно сделано?

Не отображается картинка svg при подключении через CSS, что неправильно сделано?

Я вообще не вижу, где вы подключаете svg на фон.

png вижу, svg нет.

Могу ли я расположить два блока в одной ячейке grid?

frayer, да, я написала как это сделать выше.

Могу ли я расположить два блока в одной ячейке grid?

Теоретически можете, задав им размер и положение через align-self или margin'ом.

Только зачем так? Почему не сделать 2 строки?

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

montpellier,

трудность в сохранении всех 3 пунктов

Я бы удивилась, если бы у вас получилось.

Такие штуки возможны при четко выверенных размерах и хорошо подобранном тексте.

В тот момент, когда всё ломается, нужно просто перестраивать композицию по-другому. Или обрезать текст или соглашаться с изменением пропорций или с увеличивающимся расстоянием между строками картинок и т.д.

Как при text-align:right добавить троеточие при обрезании?

Stepan1998, что вы делаете, что оно куда-то выходит?
На jsfiddle.net, пожалуйста.

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

Почему образуется пространство между картинками?

В css выставил следующие настройки:

Не стоит так делать.
Задавайте элементам те отступы, которые им нужны.

У вас не отступы, а пустое место (пробел) между инлайновыми элементами.

Есть парочка устаревших технологий, с флоатами или обнулением размера шрифта. Или не устаревшая с block, но тогда все картинки выстроятся в столбик.

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

Как при text-align:right добавить троеточие при обрезании?

Псевдоэлементом с content: "..."

Пару вопросов. Как сделать навигатор через flex?

Флексы на абсолюты не действуют
Такое ощущение, что вы стили писали просто рендомом из справочника.

Почитайте отдельно про позиционирование, флоаты (которые вы тоже сюда зачем-то приплели), флексы и гриды. Все эти статьи элементарно гуглятся в невообразимом количестве.

Тут есть мой комментарий (вообще это ответ) с примером как верстать меню https://qna.habr.com/q/1087422
Там на гридах, можете поменять на флекс и space-between.

Есть идеи как адаптировать эту верстку?

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

Ссылка на код в репо отлично! (Без шуток)
Ссылка на pages - вообще супер!
Описание, что должно быть (тоже в наличии):

хорошо тогда по конкретикие В хедере при разрешении на мобильнике login становится над sign up. Я пыталась в медиа запросе задать размеры кнопки но ничего не изменилось. Что делать?

Не вижу, где media и размеры?

Скройте из кода пока все кроме того блока, который адаптируете. А то кривой низ будет портить вам настроение.
Напишите свои media и размеры.

Потом позовите.

Как сделать обрезание по строкам текста без -webkit-line-clamp с троеточием в конце?

rd100, хотите извращаться по непонятной причине - гуглите сами. Это легко.

Правильно расположение блоков при 1440px и при 1940 px?

0. Открыла песочницу и не вижу никаких блоков. Код вижу. Вы специально сделали так, чтобы отвечающим нужно было самим фончики позадавать?
Но за то что есть песочница уже большое спасибо.

1. В коде какая-то фигня, про неё не буду.

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

3. Итого: 2 равных блока в сумме дающих 100% это блоки с шириной по 50%.
При наличии отступа между ними используют calc.
В гридах ещё проще 1fr 1fr и gap.
И все дела.

Для двух колонок: https://jsfiddle.net/0r73ucL2/

Как сделать обрезание по строкам текста без -webkit-line-clamp с троеточием в конце?

FrelFrloich, ну ещё лишних тегов не хватало приличному человеку.

Бэк только количество символов знает, если шрифт не моноширный, может получится разное количество строк при одинаковом количестве символов.
А если ширина блока адаптивна, а количество строк неизменно, то тоже бэк не поможет.
Или просто на десктопе все показываем, на мобилках обрезаем.
Короче, нюансы

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

FrelFrloich, про clamp у меня есть только одно сомнение: у меня всё не доходят руки потестировать, что будет, если у пользователя в браузере увеличенный шрифт.
Т.е. получат ли пользователи, которые его увеличили то, что хотели или нет.