@KiberKing

Как сверстать такой блок с помощью Bootstrap?

Не получается сверстать блок как на картинке5d4d7cb712de4555615950.png
  • Вопрос задан
  • 296 просмотров
Решения вопроса 1
dicem
@dicem

Нате вам, у меня сегодня нормасное настроение
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
anton_reut
@anton_reut
Начинающий веб-разработчик
Я бы сделал примерно так:
5d4d7dfe4e5cd586028341.jpeg
(картинка лежит на слое ПОД слоем со Скидкой и иконками слева)
Ответ написан
Lord_Dantes
@Lord_Dantes
Front-end developer
Лол, 5d4d7dfe4e5cd586028341.jpeg
Как бы я сделал.
Родителю padding: 15px; display: flex;align-items: center; justify-content: center;
Далее идет дочерный элемент это родитель фотки и сама фотка.
Далее полоска можно сделать как и хр как и от фотки паддингом отвести.
Далее пешку и название телефона.
Далее родитель звезд и комментарий и внутри них сами звезды и комментарии
далее родитель цены и кнопки и там родителю автоматом выравнивание так чтобы цены была по центру кнопки и потом псевдо элементом сделать зачеркнутую цену. Там еще флексы везде поэтому))

Ухх удачи если вы не можете такое сверстать надо практировать, а не задавать вопросы на тостере.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы