search

oppia / oppia

A free, online learning platform to make quality education accessible for all.
https://www.oppia.org
Apache License 2.0
5.84k stars 4.1k forks source link

[BUG]: Images are not getting resized for the small screen size in the blogs #21046

Open HardikGoyal2003 opened 1 month ago

HardikGoyal2003 commented 1 month ago

Describe the bug

Content images in the blogs are not resizing for small screens, causing them to appear pixelated due to being squashed.

Note: Don't get confused with the blog banner image.

URL of the page where the issue is observed.

https://www.oppia.org/blog/github-field-day-2024-6bwj8pxqeeq8

Steps To Reproduce

  1. Visit admin page, assign yourself Blog Admin role.
  2. Visit http://localhost:8181/blog-dashboard
  3. Create a blog and use an image in it.
  4. Save that and publish it.
  5. Visit http://localhost:8181/blog
  6. Open the blog you created and change to mobile screen size, you will see the image is getting squashed and blured.

Expected Behavior

Image should get resized according to the screen size.

Screenshots/Videos

image

What device are you using?

Desktop

Operating System

Linux

What browsers are you seeing the problem on?

Chrome

Browser version

No response

Additional context

No response

Tips for developers

Before addressing the bug, please identify which PR caused the issue (you can follow the steps here). If you identify the PR, comment on the issue with a link to it. If not, mention the commit hash of the oldest commit you saw the bug on (and the month and year it was made in).

Then, please leave a comment with details of the approach that you plan to take to fix the issue (see example).

Note: If this is your first Oppia issue, please make sure to follow our guidelines for choosing an issue and setting things up. You will also need to show a demo of the fix working correctly on your local machine. Thanks!

HardikGoyal2003 commented 1 day ago

Unassigning @mannika763 Due to inactivity.