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 #1268