Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Revamp of the home page of website for responsiveness in react js #196

Open
Shruti3004 opened this issue Jan 14, 2021 · 10 comments
Open

Revamp of the home page of website for responsiveness in react js #196

Shruti3004 opened this issue Jan 14, 2021 · 10 comments
Labels
Category: Coding Changes to code base or refactored code that doesn't fix a bug. Status: Available Issue was approved and available to claim or abandoned for over 3 days.

Comments

@Shruti3004
Copy link
Contributor

Describe the bug

The site is not responsive on the different screens

Screenshots

Desktop

  • OS: Ubuntu
  • Browser: Google Chrome
  • Version 20.04

I want to revamp the complete website using react bootstrap for its responsiveness on the different screens. Currently, in the site at many places images, text and navbar is not responsive.

@Shruti3004
Copy link
Contributor Author

@annabauza please assign me!

@Shruti3004 Shruti3004 changed the title Revamp of the complete website for responsiveness Revamp of the home page of website for responsiveness in react js Jan 16, 2021
@Shruti3004
Copy link
Contributor Author

@annabauza Can I start working on it?

@annabauza
Copy link
Contributor

Yes your @Shruti3004

@Shruti3004
Copy link
Contributor Author

Shruti3004 commented Jan 25, 2021

Screenshot from 2021-01-25 22-48-49
Screenshot from 2021-01-25 22-48-54
Screenshot from 2021-01-25 22-49-02
Screenshot from 2021-01-25 22-49-36

@annabauza I have coded the home page in reactjs and added all the routes as well its completely responsive now. Here, the deployed link:
https://anitab-org-reactjs.netlify.app/

Now please tell me shall I make the pr for home page and here by the code https://github.com/Shruti3004/reactjs
@annabauza this a private repo and I have invited you as a collaborator to it.

@annabauza
Copy link
Contributor

annabauza commented Jan 25, 2021

@Shruti3004 I saw that, looks good but if we move to react js I wish to see text wrapping the images. We can always rise an issue if that is too much. Also font is wrong color, not sure about sizing. I have a question though, can we replace pages one by one instead of keeping them in parallel? I keep merging PRs.

@Shruti3004
Copy link
Contributor Author

Shruti3004 commented Jan 27, 2021

@annabauza okay I'll wrap the wrap the images with text but for the basic level i am just cloning the site as it is current state with react native.
Ma'am the font color and sizing is same but I have changed the font family, I felt Avenir text is the better one but though this thing is subjective, if you want me to change that font, I'll change it.
I will create the different folder in this repo named reactjs so that you can merge the PRs and later when the whole site is completed we can clean up the native code. If that looks okay to you, let me know so that I'll raise the PR for home page and create the issues for other pages as well.

@Shruti3004
Copy link
Contributor Author

@annabauza shall I make a PR?

@annabauza
Copy link
Contributor

yes please @Shruti3004

@nandini45
Copy link
Member

@Rahulm2310 the PR to the issue has been opened
can you confirm the work is complete or not?

@isabelcosta isabelcosta added Status: Available Issue was approved and available to claim or abandoned for over 3 days. Category: Coding Changes to code base or refactored code that doesn't fix a bug. labels Sep 14, 2021
@saqibganaie
Copy link

@isabelcosta I visited the website and it's still not responsive. Can i work on this issue?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Category: Coding Changes to code base or refactored code that doesn't fix a bug. Status: Available Issue was approved and available to claim or abandoned for over 3 days.
Projects
None yet
5 participants