1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Помогите разобраться

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем AlexGood, 25 июн 2019.

  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Есть вот такой ресурс: http://rs.goodidea.by/market-aspro.html
    У них на главной реализован адаптивный блок с плитками, на котором есть надписи
    Нужен вариант реализации - пробовал как у них повторить - но там каша (((
    :Help::Help::Help:
    Может можно как-то по простому реализовать?
     
    Последнее редактирование: 25 июн 2019
  2. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.581
    Симпатии:
    1.482
    AlexGood нравится это.
  3. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    просто 3 колонки не проблема, а вот когда они разноколиберные и все это сделать адаптивно чтобы было, - то это уже проблема ((
    а у них смотрю все как часики работает

    Самый прикол это что именно в шашечном порядке все идет: http://prntscr.com/o6kek2

    Можно попробовать по аналогии повторить, но мне непонятно как у них картинки зарезаются при уменьшении масштаба... overflow:hidden не срабатывает почемуто ((
     
    Последнее редактирование: 25 июн 2019
  4. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Можно по сути создать 3 div с фиксированной высотой, им сделать картинки в виде background и с background-size: cover; В этот блок добавить надписи, но как их урезать при смене разрешения чтобы все получилось адаптивно?
     
  5. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    А с CSS columns что не получается?
     
    AlexGood нравится это.
  6. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    ну так мне то надо чтобы все еще и адаптивно было как у них на сайте, но так не получается повторить...
     
  7. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    C CSS columns оно и адаптивно будет.

    https://css-tricks.com/almanac/properties/c/columns/

     
    AlexGood нравится это.
  8. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Попробую реализовать :Drinks: