When the size of the screen gets smaller, the width of the images become smaller and it looks kind of smushed. The purpose of this ticket is to make the width a fixed size so that doesn't happen.
Changes
A new CSS styling was added to make the width of the image 250px with an automatic height. This will keep the images proportional.
Screenshots
Before changes, the images would start to look smashed at around 1199px.
By adding a set width of 250px with an automatic height, the images don't look smashed when the screen starts to get smaller.
Ticket
https://openscience.atlassian.net/browse/EOSF-687
Purpose
When the size of the screen gets smaller, the width of the images become smaller and it looks kind of smushed. The purpose of this ticket is to make the width a fixed size so that doesn't happen.
Changes
A new CSS styling was added to make the width of the image 250px with an automatic height. This will keep the images proportional.
Screenshots
Before changes, the images would start to look smashed at around 1199px.
By adding a set width of 250px with an automatic height, the images don't look smashed when the screen starts to get smaller.