there is something wrong with the main-background which i made. Can someone help with that?
Maura
@maura1All comments
- @bihari123Submitted almost 3 years ago@maura1Posted almost 3 years ago
Hi Tarun, It looks like you are trying to position your elements using 'flex' and 'position: absolute'- In the body selector, you have correctly used flex, this centers the two elements( the card and the attributes element) in the center of the page. Just add 'height:100vh; There is no need to try and center the card again using the position, top, left, transform-translation. For the image, as already stated, use the background-repeat, no-repeat, add background-size:100%, and background-position: top.
Don't forget to add the @media... to make your page responsive.
I am just starting this journey and this is my first challenge, so I hope I have not added any confusion. Best of luck, Maura
0