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}
## GSoC2024 > March
Hello @Pushkar7077 . I assigned this microtask to you, It's a modest mission.
Please make a simple html/css 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 | |
| |------------------------------------|
| | ****** |
|----------------------------------------------|
```
## Repository access
If you do not have access to Lingualibre Gitlab, please request access to Wikimedia Gitlab : https://phabricator.wikimedia.org/maniphest/task/edit/form/117/
Please also ping @hugolpz.