QR code with html and css

Community feedback

• 

  Kk6aa•30

  @Kk6aaPosted 29 days ago

  try to center the div by giving it a class and then specify the class in css using : display: flex; justify-contents: center; align-item:center;

  Marked as helpful

  1

  ---

  

  Nisaamna•30

  @NisaamnaPosted 28 days ago

  thankyouu for ur feedback i totally forget about the flexbox things :"@Kk6aa

  0
• 

  Adriano•38,270

  @AdrianoEscarabotePosted 28 days ago

  Hello Nisaamna, how are you? I was really pleased with your project, but I’d like to offer some advice that might help:

  Using Flexbox or Grid on the body to center elements ensures a more responsive and adaptive layout, fitting different screen sizes seamlessly. It avoids manual calculations and constant adjustments needed with margin, padding, or absolute positioning. These techniques provide more consistent alignment and simplify the code.

  flexbox:

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

  grid:

  body {
      display: grid;
      place-content: center;
      min-height: 100vh;
  }
  

  The rest is spot on.

  Hope it’s helpful to you. 👍

  Marked as helpful

  0

  ---

  

  Nisaamna•30

  @NisaamnaPosted 28 days ago

  @AdrianoEscarabote thankyou so much, im not thinkin about flexbox while makin it.

  1