same width value ,but different look

I'm going to position some input fields in 2 line.

For making similar look, I specified same value via CSS setting.

But the length of the space between 1st field and 2nd field in these lines are different.

I'd like to show like 1st line.

Could you please tell me how do I solve this problem.

I've attached a material.

It's in the bottom of the page.

Greetings,

You can inject the following CSS into your form to fix the width of the field.

.form-line-column.form-line-column-clear {

    width: calc(34% - 7px);

}

Should you need further assistance then please let us know.

Thanks

Rehan san, thank you for your reply.

The problem was solved.

Could you please tell me how did you come this formula?

I don't understand why 34% - 7px...

Greetings,

Here is how you can find it in your form using inspect elements in the browser.

Should you have any questions then please let us know.

Thanks

Rehan san,

Thanks

I've got it.