Fix the box that won't center

The .box is supposed to be centered inside .frame, both ways. Instead it only shifts inline content and sits at the top-left. Fix the centering.

Acceptance criteria

1.Make .frame a real flex container.
2.Center content horizontally with justify-content.
3.Center content vertically with align-items.

Appscrip
Hexon Global
Zedex Info Pvt Ltd
Accenture
Autovyn Consultancy
Codeflies Technologies Pvt. Ltd

1

2

3

body { margin: 0; padding: 32px; font-family: system-ui, sans-serif; background: #f8fafc; color: #0f172a; line-height: 1.6; }
.frame { height: 240px; border: 1px dashed #94a3b8; text-align: center; }
.box { width: 120px; height: 60px; background: #007a96; color: white; display: flex; align-items: center; justify-content: center; border-radius: 8px; }

0 × 0

Output ready when you are

Press Run to render your code, or Submit to validate your solution.

Fix the box that won't center — find the bug

Acceptance criteria