UserSettings layout gets corrupted due to inappropriate alignment.

[Moutasim02]

Something wrong with the code of this page, if you add any element above that first

element it will change the whole layout, better migrate to bootstrap gridding

[binHarby]

Okay its screen responsiveness/responsive design issue that could be solved with bootstrap grid system

[binHarby]

You want both the columns to stack between before the md breakpoint?

[Moutasim02]

The problem was on the extra empty tags presented before the normal code starts, if you remove those tags or add a header for example, all layout will change, it's like a 2 column word editor.

[fatimaalneyadi]

I fixed it

[fatimaalneyadi]

[Moutasim02]

@fatimaalneyadi Great work, lets focus in one issue thread for this, we can continue in #69, I will close this for now so we can focus in one thread