All solutions

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

Hey there everyone here I am with another solution!

In this solution I decided to use Shadcn/ui and I really loved it (but I should tell you it takes a little time untill you get how to use it properly to be honest)

I build this accordion with React and Shadcn/ui and used Tailwindcss for styling.

Hope you enjoy it!

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

The only thing I couldn't really figure out is the fonts. I really tried anything I could find on the internet to make the fonts work in Tailwindcss but it seems it didn't. I would be glad if someone told me where is the problem.

Also I don't why Vite sometimes added some random string to the end of some of the files and then it couldn't find those files itself and gave me an error which was really really annoying.

Hope you enjoy my solution mates ✌️

Hello there. A nice and modern card component. Hope you enjoy it! Made with HTML, CSS, SASS and some talent in between😅

I will be open to any suggestions and I would to have you on twitter, linkedin and github!

My github: https://github.com/MCKH03

My Twitter: https://twitter.com/ytmehrshad

My LinkedIn: https://www.linkedin.com/in/mehrshad-khavari-581937276/

Here is the next one!!!

I would love your comments on it and I would to have you on My TWITTER.

Also I would love to have you on FrontEnd Mentor!

Hello guys. My fourth challenge on frontend mentor and that's a good one!

I just struggled a little bit with the image hover but I finally made it.

Also the shadows were cool!

Hello there.

Thanks frontend mentor for this simple but artistic mini project.

I really appreciate your comments on my code and my design!

Hi there.

It was really fun doing this mini project and I really enjoyed.

Hopefully I didn't really have much problems with designing this component.

I really tried my best so that my design be the same as FrontEnd Mentor.

I really appreciate your comments on my design or codes!

Things that I had problem with (I appreciate your help for that) 1- First of all I don't know why I couldn't put the main div at the center with margin: 0 auto; . I used this property all the time to put the main div at the center of the body but it didn't work. So I had to put it at the center using margin myself.

2- Another problem is the corner borders of the 4 boxes in right. I searched a lot for it, multiple linear-gradients, svgs and many other ways were the solutions but I couldn't figure out any of them!

3- Also I wanted to put transtiton for the "continue" button but it seems that background-image doesn't take transtion so I couldn't find a way for transtitioning my button from the state color to the gradient color while hovored.