Задать вопрос
@eugene159

Возможно ли сверстать такое без Javascript?

Вот ссылка на codepen:
https://codepen.io/codepen_user_2020/pen/yLEQwJP

В верстке есть плитка с карточками из 2-ух строк по 3 карточки.

В каждой карточке есть несколько своих строк. Их высоту предсказать невозможно (она зависит от текста, а текст от значения в БД). Поэтому строго задать высоту какой-либо строки внутри карточки через CSS нельзя. Кроме синей строки. У нее всегда фиксированная высота - 18px.

Мне нужно, чтобы синяя строка (с текстом "Уровень") была на одном уровне у всех карточек в своей строке в плитке.

Прикладываю 2 картинки, должно получить что-то вроде этого.
Возможно ли это сверстать без JS?

638d2eddcd023231976793.jpeg
ИЛИ

638d2de9888f4071946880.jpeg
  • Вопрос задан
  • 165 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
imko
@imko
Senior Scratch Developer
Возможно конечно, разве что карточки придется расформировать. Обычная таблица или grid, где под зеленые блоки свой ряд, под желтые свой и так далее
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы