Make application responsive for various devices and screen sizes

WebSorcery / testcase-generator

automates the process of generating test cases for cp. It takes input data, specified constraints, and test case conditions, and produces a set of test cases that exercise different paths and functions of the software application under test.

https://testcase-generator.vercel.app

MIT License

0 stars 6 forks source link

Make application responsive for various devices and screen sizes #3

Open ank1traj opened 1 year ago

ank1traj commented 1 year ago

Currently, the application is not optimized for various devices and screen sizes. This can lead to a poor user experience for those accessing the application from mobile devices, tablets, or smaller screens. To improve the user experience and ensure accessibility for all users, the application needs to be made responsive.

This issue involves implementing responsive design principles, such as using flexible layouts, fluid images, and media queries to adapt the application's layout and content to different screen sizes. The goal is to ensure that the application looks and functions well on a wide range of devices and screen resolutions, from large desktop monitors to small mobile screens.

By making the application responsive, we can improve the user experience, increase engagement, and make the application more accessible to a wider audience.

HarithaRaghu commented 1 year ago

Please assign the issue to me.

ank1traj commented 9 months ago

@HarithaRaghu are you working on this or should I assign to someone else?

singhcoder694 commented 8 months ago

I would love to do this, please assign me @ank1traj, Sir I need to do this for whole website... It will take time so please mark this as Hard, I will make it responsive for all screen sizes....

ank1traj commented 8 months ago

@singhcoder694 Few issues I can see after the deployment are

Blank and black dropdown
If i am on mobile and dropdown is opened on switching to bigger screen causing issue
Header is missing from every page except home page.

I have added now the deployment also. So, please have a look into this. If need anything let me know.

singhcoder694 commented 8 months ago

17030627531107474314625125684505 @ank1traj I am unable to see nay other page link of which page are u telling for?

ank1traj commented 8 months ago

singhcoder694 commented 8 months ago

@ank1traj 3 issue which you mentioned is not due to my PR it was before also, I thought may be we don't need navbar on these pages... So didn't do anything.... So do we need whole navbar there or on navbar having Home and About links?

ank1traj commented 8 months ago

@singhcoder694 Points 1 and 2 are from your code only. And, point 3 was optional. Please. have a look at https://testcase-generator.vercel.app/

singhcoder694 commented 8 months ago

Ya I have solved bugs from my code which you mentioned... I was just asking for 3 point if required? @ank1traj

ank1traj commented 8 months ago

If it's work fine then please add it too.