PLATFORM

  • Tails

    Create websites with TailwindCSS

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

COMMUNITY
MORE
Question By

Jackson Kasi

Unsolved
Back to All Questions

how to make element center in customized react-slick?

jacksonkasi ・

May 20th, 2023 02:58 AM

Demo

I try to make this active dot center of widows. but i can't do that. any one help me for that?

i have added code sandbox link here: CodeSandBox

Report
DigitalOcean Laravel News Genesis
superdev ・

May 20th, 2023 09:19 PM

I would suggest using a JS element to store the current active number in sessionstorage

Report
tnylea ・

May 21st, 2023 06:22 AM

You could always create a duplicate of the Dots element and position the first one to left 50% and the duplicate to negative left 50%.

Here's a screenshot to show a representation of how you might implement this.

graphic-image.jpg

Hope it helps 😉

Report
2
jacksonkasi ・

May 25th, 2023 12:29 AM

ohhh! okay!

this concept looks new. ok i give try. thanks. @tnylea

Report