Next.js Discord

Discord Forum

What's the best way to create this kind of UI and make it dynamic?

Answered
Tan posted this in #help-forum
Open in Discord
TanOP
I don't know how to position the points and make them responsive on mobile and desktop... I am using tailwind. Any suggestions?
Answered by Arinji
Just make your design either pc first or mobile first
View full answer

9 Replies

Just make your design either pc first or mobile first
Answer
Then using inspect element add break points with xl:
This will automatically make your site mobile, tablet, and pc friendly
That's mostly it lol, add a max width of 1200px to the content and you support xxl and tv screens
yea, do what Arinji says. He's right. Normally when developing an app, you start mobile first, to have it minimal and desktop is bigger, so you can just add optional stuff
And just resize width and height with inspect element and fix anything as you notice
TanOP
Thanks!
Happy to help