Image border messes up image size: How to fix?

Design help General
#1

This is weird. Some of my images shrink to a tiny size when I add a border to their class. Please see my attachments, with and without borders (for each of two webpages with this problem).

Any suggestions on how to fix this? (bonus points on why it happens!)

Thank you for your help!

Doug

my link to view site: https://preview.webflow.com/preview/doug-coe?preview=570c9b2fff9393b6fd083e84ba65ad14

DougCoe-Home sm-image.png3350×1700 741 KB
DougCoe-Taskly sm-image.png3300×1539 495 KB
DougCoe-Taskly no-border.png3302×2037 986 KB
DougCoe-Home no-border.png3266×1645 1.12 MB

Here is my public share link: LINK
(how to access public share link)

#2

Hi @dougc

Can you tell us which pages this issue happens on?

#3

@PixelGeek Oh, good question! It’s on two Project pages: Homemates and Taskly. Thank you for asking!

Doug

#4

I guess no one has run into this problem but me? Or has an idea of how to fix it?

#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.