Question: How to lock aspect ratio of my page like in example?
Responsive for 16:9 (for example responsive for 1920x1080 and 2560x1440), but displays 16:9 when user's display is 21:9 or 32:9.
I tried media queries and aspect-ratio but it doesn't work like I want.

[Example](https://i.stack.imgur.com/vpsdr.png)

Answer: 
when you use async/await don't use callback and use try/catch in async/await approach
so you can do like this

```
try {
  let data = await studentModel.find({});
  students = data.map((d) => {
    return new InterviewQuestion(d["roll_no"], d["name"]);
  });
} catch (err) {
  throw err;
}

try {
  let data = await studentModel.find({ sClass: sClass });
  students = data.map((d) => {
    return new InterviewQuestion(d["roll_no"], d["name"]);
  });
} catch (err) {
  throw err;
}

```

this query is correctly

```
await studentModel.find({ sClass: sClass })

```

also you can try this :

```
await studentModel.find({ sClass})

```

your issue from another thing, because I tested the queries every things is OK
I used a different name for the variable `sClass` and then it worked. I am still wondering why it is not allowed to have a filter variable with the same name as of document field.