images incorrectly resizing

[PercySingleton]

Name:

images incorrectly resizing

Description:

on the interactivities page the last item in the row is always appearing as slightly larger than other elements

Steps to Reproduce:

1. Open the site in any configuration
2. navigate to UI design page
3. navigate to interactivities page
4. scroll down to view colour text images

Expected Result:

as all images are the exact same size, all images should be appearing at the same size

Actual Result:

weather its on smaller or larger the last item in the row is always slightly larger.

Configuration:

The bug is present on the checked configurations

IOS

• [x] Chrome
• [x] Safari
• [x] Firefox
• [x] Edge
• [x] Opera

Windows

• [x] Chrome
• [x] Firefox
• [x] Edge
• [x] Opera

Android

• [x] Chrome
• [x] Firefox
• [x] Edge

Iphone

• [x] Chrome
• [x] Safari
• [x] Firefox
• [x] Edge

Type:

Bug

Assignee: Airrick

[PercySingleton]

I really thought this task would be rather easy, figured it just had to use aspect-ratio, but it is still having issues. this is a really strange but and im going to need to get some external help apart from websites for this as i cant find anything online.

Things i have tried: aspect ratio width and height 100% with contain and cover

weather it is in the 3 top and 3 bottom or all 6 across whatever is in the far right column is always slightly longer.

[PercySingleton]

The issue turned out to be my date being too large for the div it was inside of. I went through each page and removed the blank 3 column div on each project and made the date a 4-col div. fixed the images.