Skip to content
Submitted 4 months ago

interactive card details

Iyalekhue osagie•190
@Thirty-2
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive card details form
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Your browser will warn you about safety XD, gotta find a way to avoid that later on

What challenges did you encounter, and how did you overcome them?

Browser safety and positioning, did not overcome browser safety, positioning, mehh

What specific areas of your project would you like help with?

browser safety shit

Community feedback

  • Krushna Sinnarkar•1,100
    @krushnasinnarkarPosted 4 months ago

    Hi @Thirty-2,

    Congratulations on successfully completing the challenge!

    Your solution looks nice, though there are a couple of things you can improve, which I hope will be helpful:

    1. Responsiveness: Your webpage is not responsive. You can make it responsive by using Tailwind's breakpoints like sm, md, lg, xl, and 2xl to redefine properties for specific screen sizes. This will ensure that your design adapts well across different devices.

    2. Tailwind Documentation: You can learn more about responsive designs using Tailwind at Tailwind CSS Documentation - Responsive Design. This will provide you with detailed guidance on how to implement responsive design effectively.

    I hope you find this helpful.

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

    Happy coding!

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord