codeforcauseorg / edu-client

Product focuses on 100% education as well as upskilling developing countries and rural areas.
https://educlient.codeforcause.org/
MIT License
128 stars 148 forks source link

UI overflow on smaller devices #303

Closed Abhijay007 closed 3 years ago

Abhijay007 commented 3 years ago

Describe the bug

A clear and concise description of what the bug is.

when we open the "peer page" on smaller devices (width between 320 to 360) then the "post something" pop out seems not aligned properly in the center it is slightly right or left based on the screen size, same with the referral page "social share pop-up".

To Reproduce

Steps to reproduce the behavior:

  1. go the peer page.
  2. open the peer page on the smaller device using chrome inspect or use react deployed link.
  3. click on the "post something" option.
  4. same for the referral page.

Expected behavior

A clear and concise description of what you expected to happen.

aligned properly on center and on web page try to bind in the within the UI space to avoid alignment issues

Environment (please complete the following information):

Additional context

screenshot 1 alignment issue

screenshot 2 alignemt post something

Abhijay007 commented 3 years ago

Can I work on this?