Use Carbon Grid for Layout instead of Using custom css classes

[mozzy11]

In some of our form components , we use custom classes for the form Layout ie we use the inlineDiv class to arange elements in a row inside a form .

                     <div className="inlineDiv">
                         <div>
                              <TextInput required name="name" className="InputText"/>
                              <TextInput required name="name" className="InputText"/>
                         </div>
                      </div>
                     <div className="inlineDiv">
                        <div>
                             <TextInput required name="name" className="InputText"/>
                             <TextInput required name="name" className="InputText"/>
                         </div>
                      </div>

We can use the Carbon Grid to create the similarLayout which is easier to control responsiveness

                     <Grid>

                            <Column lg={8}>
                                <TextInput required name="name" >                    
                            </Column >
                            <Column lg={8}>
                                <TextInput required name="name"/>
                            </Column >   

                           <Column lg={8}>
                               <TextInput required name="name" "/>
                            </Column >  
                             <Column lg={8}>    
                               <TextInput required name="name" >
                             </Column >

                      <Grid>

[Lovelyfin00]

Hi @mozzy11 I'd like to work on this

[Muta-Jonathan]

Hello @mozzy11 would like to work on this 👍🏿

[Muta-Jonathan]

hey @mozzy11 PR here https://github.com/I-TECH-UW/OpenELIS-Global-2/pull/1268