Web embed design and dimension

A-Chivas

2 months ago

Anytips on how to design components for the web embed, I am creating a form, and thinking what would be the best way to make it responsive and in such a way that the user of the component can control the dimensions with the parent div on the page it is embedded
salma

2 months ago

Make everything in the form 100% width, each form field + label in its own row (eg don’t put two inputs on one row, don’t put a label and an input on the same row). That way the user can put the form in any sized container and the form will adapt.
Make sure that the input fields have a min font size of 16px calculated size, so that the inputs do not force a zoom on mobile devices when the input is focussed.
I would also not put any padding around the whole form itself, so the user can control that in line with their style guide and design requirements within their container.