Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
webjun
@webjun
Вёрстка
Как сверстать такой блок?
Как сверстать такой блок чтоб все было на своих местах и не скакало ?
У меня получается так:
Но все как-то не ровно, особенно .description. Как это исправить?
Ссылка на кодпен:
https://codepen.io/Webjun/pen/wvrwGdm
Вопрос задан
более трёх лет назад
154 просмотра
5
комментариев
Подписаться
1
Простой
5
комментариев
Facebook
Вконтакте
Twitter
Антон Литвиненко
@AntonLitvinenko
Не стыдно? Ану давай сам добивай, чуть чуть осталось
Написано
более трёх лет назад
vlog
@vlog
Рекомендую использовать display: flex;
Тогда будет всё ровно :)
Написано
более трёх лет назад
webjun
@webjun
Автор вопроса
Антон Литвиненко
, стыдно)
Написано
более трёх лет назад
iBird Rose
@iiiBird
Куратор тега Вёрстка
разная высота иконок так делает. решений куча. выбирай любое
Написано
более трёх лет назад
webjun
@webjun
Автор вопроса
iBird Rose
, Буду благодарен за пример. Выходит это сделать на флексах а на гридах нет..
Написано
более трёх лет назад
Помогут разобраться в теме
Все курсы
Нетология
Веб-разработчик с нуля: профессия с выбором специализации
14 месяцев
Далее
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
UPROCK.SCHOOL
Webflow-разработчик: создание сайтов без кода
4 месяца
Далее
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
MagicMight
@MagicMight
no magic quotes
Для каждого блока .feature сделайте грид разметку с grid-template-rows: ...px ...px auto
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
webjun
@webjun
Автор вопроса
Задал, с текстом все ок но стали плыть картинки влево
Написано
более трёх лет назад
MagicMight
@MagicMight
webjun
, добавь в качестве заглушек на codepen картинки-то) а то не видно что едет
Написано
более трёх лет назад
Legal Adviser
@Legal2019
Всё в имени моём... и радость и печаль...
Стыдно наверное, но самое главное лень... ох... подрастающее поколение...
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
Вёрстка
Средний
Почему появляется белая полоса справа при верстке сайта?
1 подписчик
19 окт.
120 просмотров
0
ответов
HTML
+1 ещё
Средний
Как правильно сочетать теги article, section и заголовки h1-h6?
2 подписчика
21 сент.
236 просмотров
2
ответа
HTML
+2 ещё
Простой
Что поменять/добавить чтобы отображались все подкасты (видео)?
1 подписчик
26 авг.
157 просмотров
1
ответ
CSS
+2 ещё
Простой
Вёрстка анимированой кнопки — как реализовать?
1 подписчик
22 авг.
231 просмотр
1
ответ
Вёрстка
Простой
Проблема с версткой сайта?
1 подписчик
20 авг.
705 просмотров
2
ответа
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
19 авг.
225 просмотров
0
ответов
CSS
+2 ещё
Простой
Как сделать такую сетку?
2 подписчика
28 июл.
2821 просмотр
2
ответа
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
25 июл.
127 просмотров
0
ответов
Вёрстка
Средний
Как создать эффект для активной кнопки?
1 подписчик
09 июл.
151 просмотр
1
ответ
Вёрстка
Простой
TG Mini App Full screen отступ от выреза?
2 подписчика
05 июл.
298 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack-разработчик сайтов laravel
WEB ALTERNATIVE
от 65 000 ₽
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness
•
Санкт-Петербург
от 130 000 до 150 000 ₽
Рилс (Reels) инженер
Emilius Agency
от 5 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама