0

I'm trying to design a web form for data entry. Problem is, I have a Navbar on the left side, and the form looks like below (very wide, some contents removed for privacy):

enter image description here

What is the best approach to avoid such long inputs without having "too much" whitespace on the sides?

1 Answer 1

1

Make it centered and responsive.

enter image description here

Codepen

Edit after the comment

Actually what forces the form to occupy the full width is the Save Changes button in the upper right corner. If you manage to get rid of the location of the button, the form would not need all that space, giving more meaning to a defined logical width.

page

Real example

2
  • Thanks. Then My page will be divided in two sections: Left section where NavBar is shown and right section where above form will be shown centered, right? Do you know any example apps/websites that are using this model?
    – Mahdi
    Commented Jul 5 at 0:19
  • 1
    Answer updated.-
    – Danielillo
    Commented Jul 5 at 4:14

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.