@@ -154,7 +154,7 @@ function SlideOne({ details }: { details: UserDetails }) {
154154          </ Field > 
155155        </ div > 
156156
157-         < div  className = "mx-4 mt-4  " > 
157+         < div  className = "mx-4 mt-4" > 
158158          < Field > 
159159            < Label > Surname</ Label > 
160160            < Input 
@@ -171,11 +171,11 @@ function SlideOne({ details }: { details: UserDetails }) {
171171          </ Field > 
172172        </ div > 
173173
174-         < div  className = "mx-4 mt-4  " > 
174+         < div  className = "mx-4 mt-4" > 
175175          < Field > 
176176            < Label > Username</ Label > 
177177            < div  className = "mt-2 flex rounded-md shadow-sm" > 
178-               < span  className = "  inline-flex items-center rounded-l-md border border-r-0 border-gray-300 bg-black px-3   font-semibold text-white dark:bg-white dark:text-black sm:text-sm" > 
178+               < span  className = "inline-flex items-center rounded-l-md border border-r-0 border-gray-300 bg-black px-3 font-semibold text-white dark:bg-white dark:text-black sm:text-sm" > 
179179                codu.co/
180180              </ span > 
181181              < Input 
@@ -307,17 +307,17 @@ function SlideTwo({ details }: { details: UserDetails }) {
307307  } ; 
308308
309309  return  ( 
310-     < form  className = "mx-auto   max-w-sm"  onSubmit = { handleSubmit ( onFormSubmit ) } > 
310+     < form  className = "mx-auto max-w-sm"  onSubmit = { handleSubmit ( onFormSubmit ) } > 
311311      < div  className = "min-h-[32rem]" > 
312-         < div  className = "mx-4  " > 
312+         < div  className = "mx-4" > 
313313          < Heading  className = "mt-16" > Demographic</ Heading > 
314314          < Subheading > 
315315            This information is private, but helps us improve
316316          </ Subheading > 
317317        </ div > 
318318        < Divider  className = "my-4 mt-4"  /> 
319319
320-         < div  className = "mx-4 mt-4  " > 
320+         < div  className = "mx-4 mt-4" > 
321321          < Field > 
322322            < Label > Gender</ Label > 
323323            < Select  { ...register ( "gender" ) }  defaultValue = ""  id = "gender" > 
@@ -339,8 +339,8 @@ function SlideTwo({ details }: { details: UserDetails }) {
339339        < Divider  className = "my-4 mt-4"  /> 
340340
341341        < Fieldset > 
342-           < Legend  className = "mx-4  " > Date of Birth</ Legend > 
343-           < div  className = "mx-4 flex justify-between  " > 
342+           < Legend  className = "mx-4" > Date of Birth</ Legend > 
343+           < div  className = "mx-4 flex justify-between" > 
344344            < Field > 
345345              < Select 
346346                id = "year" 
@@ -477,7 +477,7 @@ function SlideThree({ details }: { details: UserDetails }) {
477477  return  ( 
478478    < form  className = "mx-auto max-w-sm"  onSubmit = { handleSubmit ( onFormSubmit ) } > 
479479      < div  className = "min-h-[32rem]" > 
480-         < div  className = "mx-4  " > 
480+         < div  className = "mx-4" > 
481481          < Heading  className = "mt-16" >  Work and education</ Heading > 
482482          < Subheading > 
483483            This information is private but helpful to tailor our events and
@@ -486,7 +486,7 @@ function SlideThree({ details }: { details: UserDetails }) {
486486        </ div > 
487487        < Divider  className = "my-4 mt-4"  /> 
488488        < Fieldset > 
489-           < Field  className = "mx-4 my-4  " > 
489+           < Field  className = "mx-4 my-4" > 
490490            < Label > Which best describes you?</ Label > 
491491
492492            < Select 
@@ -510,7 +510,7 @@ function SlideThree({ details }: { details: UserDetails }) {
510510
511511          { getValues ( "professionalOrStudent" )  ===  "Working professional"  &&  ( 
512512            < > 
513-               < Field  className = "mx-4 my-4  " > 
513+               < Field  className = "mx-4 my-4" > 
514514                < Label > Where are you working?</ Label > 
515515                < Input 
516516                  id = "workplace" 
@@ -524,7 +524,7 @@ function SlideThree({ details }: { details: UserDetails }) {
524524                ) } 
525525              </ Field > 
526526
527-               < Field  className = "mx-4 my-4  " > 
527+               < Field  className = "mx-4 my-4" > 
528528                < Label > What is your job title?</ Label > 
529529                < Input 
530530                  id = "job-title" 
@@ -542,7 +542,7 @@ function SlideThree({ details }: { details: UserDetails }) {
542542
543543          { getValues ( "professionalOrStudent" )  ===  "Current student"  &&  ( 
544544            < > 
545-               < Field  className = "mx-4 my-4  " > 
545+               < Field  className = "mx-4 my-4" > 
546546                < Label >  What is your current level of study?</ Label > 
547547                < Select  id = "level-of-study"  { ...register ( "levelOfStudy" ) } > 
548548                  < option  value = ""  disabled > 
@@ -560,7 +560,7 @@ function SlideThree({ details }: { details: UserDetails }) {
560560                ) } 
561561              </ Field > 
562562
563-               < Field  className = "mx-4 my-4  " > 
563+               < Field  className = "mx-4 my-4" > 
564564                < Label > What are you studying?</ Label > 
565565                < Input 
566566                  id = "course" 
0 commit comments