Streaming live at 10am (PST)

Adding border creates weird gap around child image

Hi guys, I’m struggling with adding a border around an image (with corner radius). The image fills the div perfectly without the border. But when the border is added, suddenly a weird gap around the image is created. Is this a bug? Or am I not following best practices?

Things to note:

  • This applies when I add a border+radius directly to an image
  • It also applies when I nest an image inside a div, and give the parent div a border+radius

Read-only link (go to ‘project page template’):