Responsive Tablet Landscape

Hello

I’ve been developing a website and I’m already in the final stages, I’m encountering some responsiveness problems, and I’ve come to the conclusion and also from research that the tablet in landscape will get the resolution of the desktop, that’s exactly the problem, for my project I need you to get the resolution of the mobile landscape. From what I researched I discovered that there are lines of code that help me remove items but the problem is that I try to use the code but I don’t know why it doesn’t work, I used the code below:

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { #projects-section {display: none;} }

Here is my site Read-Only: Webflow - bernardonunes

max-device-width is deprecated :man_shrugging:

more info on MDN

https://drafts.csswg.org/mediaqueries/#device-width

https://drafts.csswg.org/mediaqueries/#width

When you looking for solutions on the web you should check date when solution was posted