any of you do media queries like this? is it just me? Im new to web development & wanted to make a 1st post, see how this app is

Question

@media only screen and (max-width: 1400px) {
.left-side h3::after {
left: 20%;
}
}
@media only screen and (max-width: 1240px) {
.left-side h3::after {
left: 25%;
}
}
@media only screen and (max-width: 996px) {
.left-side h3::after {
left: 32%;
}
}

Answer 1

Samesh IJ wait, it's actually correct

Answer 2

The cutoff are like 768px and so, more specific,

between tablet and desktop

and

between mobile and tablet

you need to check the device width tables for it.

what's h3::after about?

for the actual width of left panel,

if it is ranging between 332px, 410px and 280px for medium large screen device.

you can specify it with a min-width without media query.