Responsive QR Code Card Element

Community feedback

• 

  BryanhSantos•60

  @BryanhSantosPosted 7 months ago

  The design was interesting, a little different from the one proposed, but really cool. I have a question: "Did you feel any difficulty centralizing all the content? On my first attempt I was terrible."

  Marked as helpful

  0

  ---

  

  Aniekemé•80

  @AnniekemePosted 7 months ago

  @BryanhSantos Thank you for your feedback. I had issues with centralizing and the responsive layout.

  0
• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 7 months ago

  Hello, @Anniekeme!

  Your project is looking fantastic!

  I'd like to suggest a way to make it even better:

  • Using margin isn't always the most effective method for centering an element.

  Here's a highly efficient approach to position an element at the center of the page both vertically and horizontally:

  📌 Apply this CSS to the body (avoid using position or margins in order to work correctly):

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

  I hope you find this helpful!

  Keep up the excellent work!

  Marked as helpful

  0

  ---

  

  Aniekemé•80

  @AnniekemePosted 7 months ago

  Thank you, @danielmrz-dev for your feedback. I learned a lot from this. Your correction was insightful. I generally avoid using height because, in some projects, it does not really help in responsive design, which is why I use margin.

  1
• 

  LysenkoMarynaAleksandrovna•20

  @LysenkoMarynaAleksandrovnaPosted 6 months ago

  Hello. Your work is so neat and structured that it is a pleasure to read. Reading it, I wanted to make my own works the same. Thanks for the good example.

  0