On posts, the feature image width 100% seems to be overridden

[annegentle]

Description

First of all, love your work. Using a couple of your themes in my projects, thanks!

Not sure when I noticed this, but it seems that the img width 100% is getting overridden. Screenshot of the Dev Console:

I'm not great at debugging CSS but when I set width 100% the image spans the screen on desktop.

Environment

• So Simple version: jekyll-theme-so-simple 3.1.1
• Ruby gem or remote theme version:
• Jekyll version: 3.8.3
• Git repository URL: https://github.com/justwriteclick/docslikecode
• Operating system: MacOS 10.13.6
• GitHub Pages hosted (if yes provide URL to site): Netlify, https://docslikecode.com

---

Expected behavior

I like the image spanning the entire window, as shown below in the screenshot. Could you take a look?

Steps to reproduce the behavior

Current look:

Desired outcome:

[mmistakes]

Yup, looks like setting width: 100% to those images will scale them up. Potential downside of doing this would be that it will emphasize artifacts due to smaller (lower quality) images being enlarged.

But the following will do the trick if you want to keep it isolated to just cover images.

.page-image {
  img {
    width: 100%;
  }
}

[mmistakes]

Very strange. Looks like I have CSS already that should be applying width: 100%.

https://github.com/mmistakes/so-simple-theme/blob/master/_sass/so-simple/_page.scss#L21-L39

[mmistakes]

Are you sure you're using the latest version of the theme and not overwriting any of the Sass (CSS)?

I just checked the theme's demo site and feature images are correctly getting width: 100%. When I checked "docs like code" site I'm not seeing that.

Looking at the DLC source I see this, which would imply it's using an much older version that likely doesn't have the feature image fix.

<!--
  So Simple Jekyll Theme 3.0.1
  Copyright 2013-2018 Michael Rose - mademistakes.com \| @mmistakes
  Free for personal and commercial use under the MIT license
  https://github.com/mmistakes/so-simple-theme/blob/master/LICENSE
-->

[mmistakes]

Gemfile.lock is showing the older theme gem too. Run bundle update and then verify it's at 3.1.1 and the problem should be fixed for you.

[annegentle]

Augh, you're right, thanks for the help! Ruby version problem debugged on the Netlify side!