Design comparison
Solution retrospective
about the border radium, can't make it like a perfect circle even set in 50%
Community feedback
- @i7ectorPosted over 1 year ago
Also, regarding the circle not working properly here are a few ways to fix the issue:
you can try from some of the examples below:
code that's required in html
div class="insert-name"></div>
or
<span class="insert-name"></span>
then in your css styles file use the following properties:
.insert-name { width: 150px; height: 150px; background: linear-gradient(180deg, hsla(256, 72%, 46%, 1), hsla(241, 72%, 46%, 0)); border-radius: 50%; display: inline-block;
you can adjust some of the properties to your needs of course like the width, height and colors etc...
let me know if this helped good luck and have fun :)
Marked as helpful0 - @i7ectorPosted over 1 year ago
Good work TianYeCal!
I have a suggestion that might help you.
in your styles css file you can add the hover effect on the continue button, just below your button styles add the following code:
.btn-continue:hover { background-image: linear-gradient(#7857ff, #2e2be9); cursor: pointer; }
hope this helps and have fun coding :)
0
Please log in to post a comment
Log in with GitHubJoin 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