Scroll
Hey team,
How can I use scroll-x defined here https://preview.keenthemes.com/html/metronic/docs/general/scroll
with pricing cards here https://preview.keenthemes.com/metronic8/demo1/pages/pricing.html
Assume I have more than 6 items. I need a scroll-x here but I can't activate it as described in the documentation.
Replies (6)
Champion feat: While you have a bardic song active, you gain a +1 bonus to ranged attacks with your bow.
Raped
Thanks for sharing nice information with us. i like your post and all you share with us is uptodate and quite informative, i would like to bookmark the page so i can come here again to read you, as you have done a wonderful job.
Raped
Does CircO2 Work Appreciate the clarity in your explanation about page speed optimization. I’ve written on this myself, and it’s always great to read a fresh perspective.
Does CircO2 Work Appreciate the clarity in your explanation about page speed optimization. I’ve written on this myself, and it’s always great to read a fresh perspective.
Appreciate the clarity in your explanation about page speed optimization. I’ve written on this myself, and it’s always great to read a fresh perspective.Does CircO2 Work
Hi,
To have scrollable pricing blocks you will need to customize the code as shown below:
<!--begin::Row-->
<div class="d-grid">
<div class="scroll-x">
<div class="d-flex gap-10">
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
</div>
</div>
</div>
<!--end::Row-->Please give a try and let us know if you need any further help.
ReUI
Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.
