Having hard time making Image fits the height | not easy as you think
Hi, whithout futher ado I'm working on an Angular Project, explaining my problem:
I have a parent component called choose-role
and I have two children left and side components each one will take 50% of the page
and then I will call them both on the parent comp.
The right side has a form & the left side will show an image
the problem is when the right side form gets a lil bit bigger the height of the page grows which lead to make the a small white part below the image not covered by the image
Left side comp html code:
if there's anything I need to provide pls let me know or I even can join a voice chat and share my screen
thank you in advance
repo link if you wanna play with it: https://github.com/om4rAb/Image-issue.git
I have a parent component called choose-role
and I have two children left and side components each one will take 50% of the page
and then I will call them both on the parent comp.
The right side has a form & the left side will show an image
the problem is when the right side form gets a lil bit bigger the height of the page grows which lead to make the a small white part below the image not covered by the image
Left side comp html code:
<article></article> and its css:article {
background-image: url("/Assets/Choose-role-image.png");
background-size: 100% 100%;
background-repeat: no-repeat;
height: 100vh;
border: 2px solid green;
}if there's anything I need to provide pls let me know or I even can join a voice chat and share my screen
thank you in advance
repo link if you wanna play with it: https://github.com/om4rAb/Image-issue.git
GitHub
Contribute to om4rAb/Image-issue development by creating an account on GitHub.
