chat-app-css-illustration-master

Community feedback

• 

  𝕍𝕝𝕒𝕕𝕪𝕤𝕝𝕒𝕧 𝕄𝕚𝕤𝕙𝕔𝕙𝕦𝕜•320

  @VladMishchukPosted over 1 year ago

  Привіт, вітаю з Великоднем.💙

  Your right background element is not positioned at the bottom of the content on mobile devices.

  If you use Google DevTools (press F12 while on your website), and hover over the "background_color_down" element, then hover over the "body" element, you'll see that "background_color_down" is positioned at the bottom of the "body" block. This is because in your .css file, you didn't specify "which block to position the element relative to". Instead, by specifying the "position: absolute" property and not specifying "position: relative", your block is positioned relative to the "parent block" (in this case, the body).

  To fix this, you can give the "main" tag the property "position: relative". It's also recommended to place the positioning blocks (background elements) inside the block that you're positioning relative to (main) in the .html file.

  And remember - "The difference between a novice and a master is that a master has failed more times than a novice had tried."

  Marked as helpful

  1

  ---

  

  Emmanuel Akpan•790

  @heisemmaco-devPosted over 1 year ago

  @VladMishchuk I really greatful, you r solutions worked

  1