Giters

RyanFitzgerald / devportfolio

A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass

Home Page:https://ryanfitzgerald.github.io/devportfolio

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

project image not loading on mobile sites

arun-nemani opened this issue · comments

commented

Great work!
I added several 300x300 project images and they render on desktops, but not mobile.
How would I fix this?

commented

Thank you! This is actually the intended functionality to preserve space on mobile. If you want to have them show, you can remove the portion of the media query on line 961-963 in /scss/styles.scss and recompile via npm run watch. You may need to tweak styles a bit to center the image or something along those lines since they weren't styled for mobile.

Hope that helps and feel free to re-open if you need help or that doesn't fix it!

commented

Thanks alot, this helps!

commented

I realize this is closed, but maybe someone will respond anyways and it will help future lookers.

The solution references line 961-963 but the current version of styles.scss only has 13 lines, so it isn't obvious where the change should be made. Has anyone implemented this and can direct me to a fork of styles.scss, that maybe even has the image centering Ryan mentioned?