Pricing Table на Uikit 3. Как сделать?

Question

[Андрей]

Никак не получается сверстать нормальную Pricing Table на Uikit 3. Я только вникаю в тему, поэтому, может еще не догоняю.
Пробую сделать на uk-flex + uk-table. Постоянно какие-то косяки то с адаптивностью, то с шириной, то с высотой колонок...


И как на зло не могу ничего найти подходящего уже готового. Ни в шаблонах на Uikit, ни в документации... Кто-то верстал Pricing Table на Uikit 3? Можете показать свой код?

Answer 1

[Андрей]

В документации всё есть
uk-height-match="target: SELECTOR"
похоже что надо бы обратить внимание на высоту

Comments

[Андрей]

Мдя... До этого в самом деле не дошел. Сейчас стал пробовать, и ничего не выходит, ибо работаю на Joomla, и HTML редактор не признаёт форм типа uk-height-match="target: > div > .uk-card" (((

[Андрей]

а если в редакторе с добавленным data? т.е. data-uk-height-match...
кстати по поводу примеров. вот один из примеров Price. там грид и далее.. в докум. тоже об этом в соответствующем месте есть. достаточно класса

Answer 2

[Vladislav Altyncev]

Я бы начал просто с примеров таблиц, https://codepen.io/search/pens?q=pricing+table 

Дальше, пример с UIKit demo.joomlaplates.com/jp_expert/pages/pricing-tables 
thecodude.com/demo/html/ukskins/pricing-tables.html