Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

profile card using react and tailwindcss with hover effects

preact, tailwind-css
Hadjer Laissaoui•160
@HadjerL
A solution to the Profile card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hello everyone, I have just finished this challenge. I tried to get it as close as possible to the design. I have used react and tailwindcss. I am getting used to them as practicing more.

  • What I currently find difficult is to work fast, I am not sure whether having the skill of getting more work done faster does make a difference in terms of getting a job, is it about quality or quantity?
  • Is it a must to make the thing exactly like the design what if the developer wants to change something or maybe add something?
  • Do you think I should go with harder stuff as I'm still learning the basics, or do you think it's better to master these first?
Code
Select a file

Please log in to post a comment

Log in with GitHub

Community feedback

  • Divine Obeten•2,415
    @Deevyn9
    Posted over 2 years ago

    Hi Hadjer, congrats on completing this project. I’ll try to answer your questions as well as I can.

    1. Everyone starts that way, with more consistency, you wouldn’t even notice when you start to get things done alot faster.

    2. The design shown in every project serves as a general guideline, and you can make any desired change you want to a project.

    3. Personally, i feel it’s better to start with the basics then increase difficulty as you get more comfortable.

    I hope i have been able to give you satisfying answers and I hope you also find this helpful.

    Happy coding 🎈

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
Frontend Mentor logo

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

Frontend Mentor

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

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

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub