Hello,
Is there a good reason for you to use Javascript/ReactJS instead of Layout Grid / Divs with Float / Table / or just Regular SASS/CSS ?
Cause you can have your results in seconds that way and you won't need custom code to hack the item into place.
For example:
This is 6-6 grid without styling and responsive view.
and this the same but in mobile view:
Hey,
I understand what you're saying, however knowing some bootstrap or CSS will help you in the future.
To solve your issue the styling way.
Apply to your checkbox: display: inline-block; (style) and apply to your link style: margin-left: 15px;
This should be your result.
For some Bootstrap knowledge, if you know how bootstrap and layout grids work you can easily make a responsive website. Just make sure you know how bootstrap classes work. The default Mendix is col-md-$
But you could use more: col-md-$ / col-xs-$ / col-sm-$ / col-lg-$
You could for example give a col-md-6 (which is half your page on regular size desktop) a col-xs-6.
The moment you resize to “Phone” size. The column will be displayed at half the Phone size as well.
Instead of jumping down the other col-md-6 and appear below your other items.
Read about it here: https://getbootstrap.com/docs/4.0/layout/grid/