The current Record step ([[ https://gitlab.wikimedia.org/repos/wikimedia-france/lingua-libre/lingua-libre/-/blob/main/front-end/src/views/record-wizard/RecordStep.vue?ref_type=heads | RecordStep.vue ]]) does not have a proper layout.
Ideally, it should reproduce the "legacy" layout :
{F42719840}
<img src="https://phab.wmfusercontent.org/file/data/w3wsnz62t4jz7vxzphge/PHID-FILE-6luwb5tw5cfy5tnykez5/Screenshot_from_2024-03-18_09-22-47.png" alt="Image Description" style="width: 600px;">
## GSoC2024 > March
Make a simple outline with `border:1px solid grey;` and mock content.
This is to ensure you can :
- [ ] clone the repository
- [ ] find your way in the project's code
- [ ] make minor modification
- [ ] create a PR.
Careful design not necessary yet (we are still in the project application phase).
```
|----------------------------------------------|
| Studio |
|----------------------------------------------|
| word 1 | Message |
| word 2 |------------------------------------|
| word 3 | |
| word 4 | |
| word 5 | WORD 1 |
| word 6 | |
| word 7 | |
| |------------------------------------|
| | ****** |
|----------------------------------------------|
```