All comments

• 

  Luis• 160

  @azyepes

  Submitted about 2 years ago

  I had an issue to add the bg image. Any clues? Thanks :)

  

  position relative and flex

  2

  3

  0

  

  NitheeshKumar C• 440

  @NitheeshKumar-C

  Posted about 2 years ago

  Hi there😀,

  Your solution look's good.

  And for the bg image(for background img tag) use,

  👉position: absolute : this will not affect the flow of other element.

  👉z-index:-1 : by default all elements as z-index:0 by giving -1 it will moved to back.

  👉left , top , right and bottom: by using this property on element with position: absolute or relative you can change/ modify the place of that element.

  Happy coding👨‍💻

  NitheeshKumar😄

  Marked as helpful

  1
• 

  SINUT WATTANRPORN• 200

  @Blue-Cheesecake

  Submitted about 2 years ago

  The share option in normal screen size is still fine, but for small screen size is terrible. How can we fix that

  

  Responsive landing page with HTML, Tailwind, and JS

  1

  2

  0

  

  NitheeshKumar C• 440

  @NitheeshKumar-C

  Posted about 2 years ago

  Hi there 😀,

  I think the share icon for small screen issue can be fixed by removing max-width:100%; from img .

  Happy coding👨‍💻

  Nitheeshkumar

  0
• 

  kamiya nakami• 230

  @kamiya-nakami

  Submitted about 2 years ago

  Do you have any questions about best practices?

  

  w3school-youtube-how to ...

  2

  4

  0

  

  NitheeshKumar C• 440

  @NitheeshKumar-C

  Posted about 2 years ago

  Hi there 😀,

  I can help with some issues. You can make the body content center using flex-box,

  Example for this problem:

  body{
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  

  and remove margin: 10em 30%; from .QRcode.

  If you think this is helpful please mark as helpful.

  Happy Coding 👨‍💻,

  Nitheeshkumar

  Marked as helpful

  0
• 

  jill pandya• 90

  @jillpandya2594

  Submitted about 2 years ago

  All suggestions are welcome

  

  HTML,CSS image overlay and position property

  #accessibility

  3

  5

  0

  

  NitheeshKumar C• 440

  @NitheeshKumar-C

  Posted about 2 years ago

  Hi there😃,

  The solution looks good. Here are some improvement code,

  For more accurate center use flex-box:

  Based on the problem use :

  body {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      flex-direction: column;
  }
  

  For <hr> (Horizontal line):

  hr {
      border: 1px solid;
  }
  

  Happy Coding👨‍💻,

  NitheeshKumar

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Paridhi• 60

  @paridhi3

  Submitted about 2 years ago

  

  3 Column Preview Card Component

  3

  3

  0

  

  NitheeshKumar C• 440

  @NitheeshKumar-C

  Posted about 2 years ago

  Hi there 😀,

  You can fix it by removing justify-content: center from body element👍.

  Happy coding ☕.

  Nitheeshkumar

  1
• 

  iamcerebrocerberus• 290

  @iamcerebrocerberus

  Submitted about 2 years ago

  Any feedback would be appreciated.. cheers

  

  QR component solved with HTML and CSS

  1

  6

  0

  

  NitheeshKumar C• 440

  @NitheeshKumar-C

  Posted about 2 years ago

  Hi there 😃,

  Well done with the project ✨. It's look good and responsive✔.

  Happy coding ☕.

  NitheeshKumar

  0

  This comment has received 1 replyShow