All comments

• 

  TARUN THAKUR• 30

  @bihari123

  Submitted almost 3 years ago

  there is something wrong with the main-background which i made. Can someone help with that?

  

  Used css flexbox

  4

  10

  

  Maura• 30

  @maura1

  Posted 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