search

zzossig / hugo-theme-zzo

Make a blog with hugo zzo theme!
https://themes.gohugo.io//theme/hugo-theme-zzo/en/
MIT License
743 stars 256 forks source link

Avatar (Whaomi Image) displayed incorrectly in chrome Android #374

Open NghiaMaster opened 3 years ago

NghiaMaster commented 3 years ago

Issue in Chrome Android, i test with Reponsive mode in chrome desktop but not face this issue, any solutuon to debug it? Thank you very much and sorry for my english very bad. ^^ Screenshot_20201221-113443383 (1) Screenshot_20201221-113321497

NghiaMaster commented 3 years ago

Im Fixed that by add this line

@media only screen and (max-width: 769px) {
      height: auto;
    }

to _whoami.scss

.whaomi {
...
  &__image {    
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.25rem;
    @include box-shadow(0, 2px, 3px, 0, rgba(0, 0, 0, 0.25));
    }
...
}

-->

  &__image {    
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.25rem;
    @include box-shadow(0, 2px, 3px, 0, rgba(0, 0, 0, 0.25));
    @media only screen and (max-width: 769px) {
      height: auto;
    }