Separate homepage styling from site-wide styling

[scottcolfer]

Homepage has a width to place my bio in the centre of the page https://scottcolfer.com/

. . . but this does not work well for blog posts when reading on mobile, as content becomes narrow and drawn out

[scottcolfer]

OK, so I think my main constraint is linked by use of Jekyll. My guidance suggests that the blog post template/layout must use the default layout as its base

. . . so I need to use default.html for any style changes that I'd like to make to blog posts
. . . and default.html uses main.css

I have two other content types:

• my homepage - index.html - which also currently uses default layout but will need a new one
• my blog page, which already uses blog.html layout, which uses blog.css (which has removed styling from unordered lists).

This means that I need to:

• create a layout for my homepage, based on a homepage css
• then edit default layout and make the width wider, or auto

[scottcolfer]

That seems to have worked - issue closed