I want to place my two components one being a switch toggle and a button at the two ends of a modal. I am able to place them using a flexbox. The current result is as shown in the image. I want the button to be placed in the right end of the modal. What styling should I include in my .scss
file. I am working in React JS.
Asked
Active
Viewed 225 times
0

Bratty Neal
- 121
- 1
- 1
- 7
-
1Have you researched how flex-box works? I think you'd find the answer pretty quickly. – evolutionxbox Jun 18 '20 at 11:58
2 Answers
1
If you're using flexbox, justify-content: space-between
is probably what you're looking for.
Here's a great guide on what you can achieve using flexbox

aquinq
- 1,318
- 7
- 18
0
You can use justify-content: space-between
in wrapper which contains these inputs.
This adds equal gaps between all elements, so both will be at the edges.

d4V1d
- 41
- 1