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

Text overlapping and UI inconsistency in the mobile view of "our impact "section of home page #356

Closed Abhijay007 closed 3 years ago

Abhijay007 commented 3 years ago

Describe the bug

A clear and concise description of what the bug is.

A text overlapping between the text and card in the "our impact" section exists in the desktop view of the application.

desktop overlapping

Also in mobile view, stats card placing looks a bit inconsistent, I think placing the cards horizontally instead of side by side could be a better approach in mobile view.

mobile_view

To Reproduce

Steps to reproduce the behavior:

  1. Run the app on localhost 3000 and
  2. Bug exists between ratio( 1375 x 647 as per my machine screen ratio )
  3. For mobile view use chrome inspect

Expected behavior

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

text and cards to be displayed side by side without overlapping each other and with a minor gap in bewtten

Environment (please complete the following information):

adarsh-technocrat commented 3 years ago

Hey, @Abhijay007 I think we have resolved this issue !!

Abhijay007 commented 3 years ago

closed #356 via #361