Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I completed this challenge in 1hr
What challenges did you encounter, and how did you overcome them?nothing as such
What specific areas of your project would you like help with?Responsive code for mobile,top part not visible. How to get exact circle as per design?
Community feedback
- @MarziaJaliliPosted 26 days ago
Awesome work!
- For the exact background color of the circle you can use the
linear-gradient. As you have used it for the parent's bg, you can have it set for the circle too. The direction isto bottomand you can start from a dark colr and go to transparent.
-Also, for a smoother color change of the button you can use the
transitionproperty. Since you have used Tailwind CSS you can apply these class names:<button className="transition-colors duration-400">Continue</button>You can change the value if you like.
😎😎😎
0 - For the exact background color of the circle you can use the
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