most of time I used chatgpt and other websites like W3schools

Community feedback

• 

  AminForouzan•100

  @AminForouzan

  Posted about 1 month ago

  Hey @youns-nibras 👋

  I took a look at your code, and it's well-structured! Your use of Flexbox for centering and your clean layout are great. I just have a few suggestions to refine it and make it even more efficient:

  1. Use box-sizing: border-box for Consistent Sizing

  Currently, when you add padding to elements like .card, the total width increases beyond what you set. Adding box-sizing ensures padding is included in the defined width. This prevents unintended layout shifts.

  2. Use rem or em for Responsive Font Sizes

  Instead of hardcoding font sizes like 22px, switching to rem or em makes text scale better across different screen sizes:

  font-size: 1.375rem; /* 22px ÷ 16 */
  font-size: 0.9375rem; /* 15px ÷ 16 */
  

  This helps maintain accessibility while keeping the original design proportions.

  11

  Marked as helpful
• 

  RickLearnsToCode•20

  @RickLearnsToCode

  Posted about 1 month ago

  Nice implementation, looks just like the challenge examples!

  11