How do I make my JavaScript responsive based on screen size? I attempted it but it didn't work on my tablet or desktop layouts. I was trying to make the image translation transition smoother on the larger layouts. Do you have any critiques on my code? Do you have any suggestions for how to improve this project?
Hi,
I'm still learning too so might not be able to give you much advice but what I found useful was to download https://responsively.app/ onto my desktop, as it allows to you see your site on lots of different screen sizes all at the same time. I use it alongside Chrome dev tools, as I don't always find the dev tools reliable.
To set the sizes for tablets I placed my smaller css into media queries like this @media screen and (max-width: 83.4rem) {
}
and for phone sizes I placed the even smaller css into @media screen and (max-width: 42.8rem) {
}
