1 reply

How to handle position absolute elements for all responsive screens?

I have been working in a react project that hase few pages like Home, Services, About, Contact and Career , each page contains a couple of position absolute elements. I used tailwindcss for styling. and started as mobile first , I used Responsive viewer for responsive check while development, I selected 3 devices for this (iphone 14 pro, ipad mini, macbook air) . So i positioned the absolute elements as per the view from these 3 devices. And later I checked in Mobile simulator - responsive testing tool extension for responsiveness I found that the ipad mini I used and position according to is all broken. I style mobile first and then style only for

md:

md:

and

lg:

lg:

using these prefix in tailwindcss. So, If I start from mobile first should I style for every screens like

sm:

sm:

md:

md:

lg:

lg:

xl:

xl:

and

2xl:

2xl:

? What tool or extension is most used for check responsiveness? What are the common 3 devices you prefer most to check responsiveness? And how to handle position absolute elements?

KP-C

Kevin Powell - Community•14mo ago•

1 reply

ahmd shajmeer

How to handle position absolute elements for all responsive screens?

md:

md:

and

lg:

lg:

using these prefix in tailwindcss. So, If I start from mobile first should I style for every screens like

sm:

sm:

md:

md:

lg:

lg:

xl:

xl:

and

2xl:

2xl:

? What tool or extension is most used for check responsiveness? What are the common 3 devices you prefer most to check responsiveness? And how to handle position absolute elements?

How to handle position absolute elements for all responsive screens?

Similar Threads

How to handle position absolute elements for all responsive screens?

Similar Threads

Similar Threads

Similar Threads