Contact Form 7 Layout Builder developed by the Crocoblock dev team you can generate layouts online. This tool is 100% free you can build forms without plugins or coding skills in WordPress

First visit to this link https://crocoblock.com/freemium/tools/contact-form-7-layout-builder/ and follow the instruction below

Instructions for Contact Form 7 Layout Builder

1. Click Add Field button to add a new field to the form.
2. Drag and drop the existing fields to create more rows. Drag the fields to the right to specify the layout of each row.
3. Set the Gutter to apply between rows and fields, and the mobile breakpoint value.
4. Copy the HTML code to the clipboard. You need to paste it in the Form block of the contact form, which layout you want to edit.
5. Change the default label text for each of the fields using the corresponding shortcodes of Contact Form 7.
6. Switch to CSS and copy the code to clipboard. You need to paste it in Appearance > Customize > Advanced CSS field.
7. Feel free to use the newly created and styled contact form!