Closed Cryptonex7 closed 4 years ago
Add the same image behind the actual image and enlarge it to cover the entire box and blur the image.
Are you sure you dont just want the image to "Fill" the container? A small part of the image would be cut off but it would look a lot more clean. Either way, could I maybe take up this issue and try fixing it for you?
Would like to hear your thoughts about the fill solution
Well, if you could do a normal fill - while keeping the existing features of loading animations and placeholders intact, then you could surely do that.
However, if for any reason you cannot achieve a "Fill", then you could go with the proposed solution.
Thanks @emem365 for your attempt - we would be awaiting your PR.
Happy HacktoberFest. :)
Created a PR #34 to fix the issue. Have a look and merge if you find it sufficient. happy to help :)
Sure @emem365 , we will make sure your PR gets reviewed within 7 days. Thanks for contributing to KIDE.
We have more such issues coming up tomorrow - do check back to find more issues in your interest.
Regards, Cryptonex7
Meanwhile, @emem365 , we have listed new issues for Hacktoberfest - you might want to go and check them out as well.
Description
Aspect Ratio of Images on PostCards don't align with the size of the box - which creates an empty gray space in above and below the image.
Potential Solution
Add the same image behind the actual image and enlarge it to cover the entire box and blur the image. Just like this : https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.socialmediaexaminer.com%2F8-apps-instagram-stories%2F&psig=AOvVaw1btnhgO8Y8M2z9lWrj0cB-&ust=1601713926516000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCKDRyMa_lewCFQAAAAAdAAAAABAG
Supporting Images