The CSS below defines a flex container with media queries:

```css
.container {
display: flex;
flex-direction: row;
}
@media (max-width: 800px) {
.container { flex-direction: column; }
}
@media (min-width: 1000px) {
.container { flex-direction: row-reverse; }
}
```

HTML:

```html

A
B
C

```

What is the visual order of the letters when the viewport width is **750 px** and when it is **1100 px**?

Question

The CSS below defines a flex container with media queries:

```css
.container {
  display: flex;
  flex-direction: row;
}
@media (max-width: 800px) {
  .container { flex-direction: column; }
}
@media (min-width: 1000px) {
  .container { flex-direction: row-reverse; }
}
```

HTML:

```html

A
  B
  C

```

What is the visual order of the letters when the viewport width is **750 px** and when it is **1100 px**?

Accepted Answer

At 750 px: A, B, C (top to bottom); At 1100 px: C, B, A (left to right)

Neco 2025 Computer Studies Question 25

Answer Options

About This Question

Master the Exam!