Skip to content
Submitted 3 months ago

Responsive Intro Compontent

ephraimdjeket•130
@ephraimdjeket
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Deciding to finish this project despite feeling like giving up.

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

Biggest challenge was dealing with an issue in tailwindcss that I just couldn't figure out. I ended up trying different things and eventually make it work.

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

Areas where I can improve tailwindcss and javascript.

Community feedback

  • MikDra1•6,980
    @MikDra1Posted 3 months ago

    Tailwind CSS

    • Customizing Tailwind Config: Consider extending the Tailwind configuration for custom color palettes, spacing, or typography to better align with the design. This helps maintain consistency and makes future changes easier.
    • Responsive Design: While Tailwind is responsive by default, ensure all components adapt well to various screen sizes. Utilize utility classes like sm:, md:, and lg: for finer control.
    • Optimize for Performance: Purge unused CSS classes by configuring the purge option in tailwind.config.js. This reduces file size and improves load times.

    JavaScript

    • Form Validation: Make sure the JavaScript validation covers all edge cases. Consider using built-in HTML5 validation alongside custom validation for better user experience.
    • Code Modularity: Split JavaScript logic into smaller, reusable functions. This improves readability and maintainability.
    • Error Handling: Implement more detailed error messages and edge case handling. For example, provide user feedback if a network error occurs.

    Hope you found this comment helpful 💗

    Good job and keep going 😁😊😉

    Marked as helpful
    0
    ephraimdjeket•130
    @ephraimdjeketPosted 3 months ago

    @MikDra1 Thank you very much :) I will keep this in mind when building on other projects. 😁

    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