#279 contact information page made responsive

[Riddhi162]

Description

[Please include a brief description of the changes or features added]
I have made the contact details page completely responsive.For all the screens it is responsive.

Related Issue

#279

Screenshots / GIFs (if applicable)

[Attach any relevant screenshots or GIFs demonstrating the changes]
BEFORE:

AFTER:

Checklist:

• I have performed a self-review of my code
• I have added/updated relevant documentation (if needed)
• I have tested the changes locally and they function as expected
• I have ensured my code follows the project's coding standards

Additional Notes

[Add any additional notes or context about the changes made]

[rishicds]

Hi, please make the size of both buttons same, otherwise good work, itll be merged after that, also is it responsive on desktop?

[codewarnab]

@Riddhi162 add screenshot for desktop

[rishicds]

Hi @Riddhi162 please update your branch and attach a screenshot of desktop

[Riddhi162]

@Riddhi162 add screenshot for desktop

Sure

I also made the button size same

[Riddhi162]

Hi @Riddhi162 please update your branch and attach a screenshot of desktop

I edited the files here only and made the button size similar.Please check the commits.

[codewarnab]

@Riddhi162 add screenshot for desktop

Sure

I also made the button size same

I think if you if you increase the width to 60% of the width of the div it will looks good and some increase in height in desktop also and font size in the input filed+placeholder please try this and show us how it's looking

[codewarnab]

@Riddhi162 add screenshot for desktop

Sure

I also made the button size same

I think if you if you increase the width to 60% of the width of the div it will looks good and some increase in height in desktop also and font size in the input filed+placeholder please try this and show us how it's looking

Also make the buttons bigger and add space between them in desktop

[Riddhi162]

@Riddhi162 add screenshot for desktop

Sure


I also made the button size same

I think if you if you increase the width to 60% of the width of the div it will looks good and some increase in height in desktop also and font size in the input filed+placeholder please try this and show us how it's looking

whose wiidth should i make to 60% the input field or its outer div?

[codewarnab]

@Riddhi162 add screenshot for desktop

Sure


I also made the button size same

I think if you if you increase the width to 60% of the width of the div it will looks good and some increase in height in desktop also and font size in the input filed+placeholder please try this and show us how it's looking

whose wiidth should i make to 60% the input field or its outer div?

no leave it just make the buttons bigger and add space between them for desktop and solve the conflicts

[Riddhi162]

@Riddhi162 add screenshot for desktop

Sure


I also made the button size same

I think if you if you increase the width to 60% of the width of the div it will looks good and some increase in height in desktop also and font size in the input filed+placeholder please try this and show us how it's looking

whose wiidth should i make to 60% the input field or its outer div?

no leave it just make the buttons bigger and add space between them for desktop and solve the conflicts

Done.

[codewarnab]

@Riddhi162 add screenshot for desktop

Sure


I also made the button size same

I think if you if you increase the width to 60% of the width of the div it will looks good and some increase in height in desktop also and font size in the input filed+placeholder please try this and show us how it's looking

whose wiidth should i make to 60% the input field or its outer div?

no leave it just make the buttons bigger and add space between them for desktop and solve the conflicts

Done.

can you please add another screenshot how its looking now for mobile and desktop

[Riddhi162]

[codewarnab]

I told you to add space in the desktop mode not in the mobile , also buttons are looking smaller than before in mobile

[Riddhi162]

Okay made the changes for mobile view

[codewarnab]

thank you good job will be merged soon

[codewarnab]

@rishicds