NTF preview card mobile first design using HTML and CSS

Community feedback

• 

  Alexander Romero•180

  @AlexanderTejedorPosted 5 months ago

  Hello, my friend! 👋 I like what you did! Here are some tips and details that might be useful to you:

  • First, there's a small error in the responsiveness. While it is being modified at 1440px, as you resize the page from 700px to 1440px, the container keeps expanding. I recommend changing the @media breakpoint from 700px to ensure it scales perfectly without errors, or create another one for tablets. 📱

  • Second, you missed the hover effects on the title image and the creator's name. I recommend adding and implementing them; it will make your card look nicer. 💎

  That's all. I hope you can improve it and keep learning. Best of luck! 💪

  Marked as helpful

  0

  ---

  

  arunbabunt•270

  @arunbungalowilPosted 5 months ago

  @AlexanderTejedor Thank you so much for your valuable feedback and tips! I appreciate you taking the time to point out the errors and suggest improvements. I will definitely adjust the @media breakpoint from 700px and look into creating another one specifically for tablets to ensure the container scales perfectly across all devices. Also, I’ll add the hover effects to the title image and the creator's name to enhance the visual appeal of the card. Your insights are incredibly helpful, and I'll make sure to implement these changes. Thanks again for your support and encouragement!

  1