Front End Mentor QR Code Challenge Solution

Community feedback

• 

  Krushna Sinnarkar•1,100

  @krushnasinnarkarPosted 4 months ago

  Hi @tuhin-47,

  Your solution is great and well-structured! However, to ensure it fully adheres to the guidelines and is responsive across different devices, here are some key points and suggestions:

  Margin Adjustment for Card Class: To improve the visual spacing and alignment, consider adding a top margin of 7rem to the card class. This adjustment will help to center the cards within their container, enhancing the overall visual balance.

  .card {
      margin-top: 7rem;
  }
  

  Responsive Margin for Small Screens: To ensure the design remains user-friendly on smaller screens, you can reduce the top margin for the card class when viewed on mobile devices. This will help maintain a balanced and proportional layout across different screen sizes.

  @media (max-width: 600px) {
      .card {
          margin-top: 3rem;
      }
  }
  

  Feel free to reach out if you have more questions or need further assistance.

  I hope you find my feedback valuable, and I would appreciate it greatly if you could mark my comment as helpful if it was!

  0