Hey guys,
I seem to always have trouble with my image file paths on github pages. I am aware of case-sensitivity, using forward slashes, etc. but somehow there is always one image that escapes the grasp of gh-pages.
My list item images in the footer are missing for the contact details part, if anyone could suggest how to make them appear on gh-pages I would appreciate it.
Thanks!
I haven't had the time to look into your code, but something that often trips me up is if I'm writing code that will get compiled to somewhere else, I have to keep in mind that the path must be relative to the target of the output. It could be something entirely different for you, but I just wanted to throw this out there :)
I built this with mobile design first using CSS grid, and I'm fairly happy. But it needed a lot of CSS to get it done, and it doesn't feel very organised.
Do people have better suggestions on how best to organise the CSS? I've used variables where possible, but it's still quite a jumble of layout properties, colours, animations etc, and I'm sure on a real site, that would get unmanageable very quickly.
In addiction to the comment by Gerben, I would also suggest you take a look at stylesheet languages like Sass, Less or Stylus. The allow you to use nesting in your CSS (in addition to a lot of other cool features), and this really helps (me at least) with keeping your CSS tidy :)
