New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix family type image scaling #12

Open
palmerev opened this Issue May 19, 2016 · 1 comment

Comments

Projects
None yet
1 participant
@palmerev
Contributor

palmerev commented May 19, 2016

Family type PNGs shrink weirdly when screen narrows.

@palmerev palmerev changed the title from fix family type svg scaling to fix family type image scaling May 19, 2016

@palmerev palmerev added in progress and removed ready labels May 20, 2016

@palmerev

This comment has been minimized.

Show comment
Hide comment
@palmerev

palmerev May 20, 2016

Contributor

The .img-responsive class causes the rightmost image to shrink as the screen narrows (and eventually the middle image.

I'll try adding a medium screen (992px, taken from Bootstrap) media query that scales the images down a bit, rather than use .img-responsive.

UPDATE: That didn't work. I think a better approach might be to put the images into a single column, make them inline-block, and adjust to margins manually in media queries.

Contributor

palmerev commented May 20, 2016

The .img-responsive class causes the rightmost image to shrink as the screen narrows (and eventually the middle image.

I'll try adding a medium screen (992px, taken from Bootstrap) media query that scales the images down a bit, rather than use .img-responsive.

UPDATE: That didn't work. I think a better approach might be to put the images into a single column, make them inline-block, and adjust to margins manually in media queries.

@palmerev palmerev self-assigned this May 20, 2016

palmerev added a commit that referenced this issue May 20, 2016

Merge branch 'feature/12-image-scaling' into develop
This needs more work. I'll make notes on a different
approach in #12.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment