The hero img looks strange on high resolution display

janczizikow / sleek

:chart_with_upwards_trend: Sleek is a modern Jekyll theme focused on speed performance & SEO best practices

https://janczizikow.github.io/sleek/

MIT License

422 stars 635 forks source link

The hero img looks strange on high resolution display #47

Closed TonnyL closed 5 years ago

TonnyL commented 5 years ago

janczizikow commented 5 years ago

Hmm not really sure what's strange? You mean the font is too small?

TonnyL commented 5 years ago

No. It seems that the hero-image was cropped when comparing to a it self on a iPad.

BTW, I am not a front-end developer, if I asked a silly question, don't blame on me 😂.

janczizikow commented 5 years ago

No worries, it's adjusting because of background-position: 50% and height constrain CSS in _sass/pages/page.scss. If you want you can adjust height property on line 13 (_sass/pages/page.scss) to a bigger value, so that on larger breakpoints the image is larger. You can play around in your browser dev-tools to find a value that would hit the right spot for you 🙂

TonnyL commented 5 years ago

@janczizikow Many thanks to you, I'll try it.