Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Tailwind styled responsive page with carousel and email validation

accessibility, tailwind-css, styled-components
Basant Soni•450
@SoniBasant
A solution to the Manage landing page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hi guys,

This project is tough one for me. This is my first time I am using Tailwind CSS. So need to work on it from the scratch. From installation, set-up and knowing all different types of files. (Before that it were only three - .html, .css and .js)

Then this project have SVGs as background, carousel for testimonials, email validation and responsiveness. I also worked first time on hover of SVG images.

It was hard to get it, online solution were not working. Then finally I asked for help on discord account of Frontend Mentor. There, Alex Marshall helped me. You can check his GitHub account.

I also want to acknowledge Ecem Gokdogan for many different things I am learning from her; different tags, visitor counter on GitHub, vercel app and more. Her profile-

  • Frontend Mentor
  • GitHub

Last but not the least, I want to acknowledge Brad Traversy for his youtube video on Tailwind. Interestingly it was on the same project so it also helped me whenever I got stuck. Check out his GitHub account

Note : I tried to made it as same as possible. Your appreciation is welcome. Suggest me how to made it more interactive and creative without deviating too much.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Basant Soni's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License