Elena-Laura• 160
@ElenaLaura366
Submitted
Manuel Victoria Sanmartín
@manuvikn
All comments
@manuvikn
Posted
Hello! nice job, I've realized that you have a little issue with the phone's notch position. In mobile sight you have a good design but in big screens it seems to be a bit off. With this little modification you can achieve the desired position:
.user {
position: relative; display: flex; align-items: center; background: linear-gradient(45deg, var(--Light_Violet), var(--Light_Magenta)); border-radius: 1rem 1rem 0.5rem 0.5rem; padding: 1.5rem 0.5rem 0.5rem; justify-content: space-between; align-items: center;}
.user::before {
content: " "; background: var(--White); width: 10rem; height: 1.5rem; margin: 0 auto; border-radius: 0 0 1rem 1rem; position: absolute; left: calc(50% - 5rem); top: 0px;}
-- Remove this media query -- @media (max-width: 500px) {
.user::before { left: 9.5rem; top: 5rem; }}
I hope this can help you!
Marked as helpful
1- Jorge Sánchez• 400
@Jorge-sanchez09
Submitted
- took me a while to get it decently
- haven't find any bugs, hope it's favorable
Feedback/tips/comments appreciated
@manuvikn
Posted
Hi! Great job! The design is very clear and responsive. I have just two suggestions:
You can achieve smoother animations when switching by using a custom box with a position: relative and modifying only the left property of its inner element. This inner element should also have a transition property.
Another point to note is that when you divide 0 by 0, you get NaN.
Marked as helpful
1 - Yuki Lun• 190
@yukilun
Submitted
Welcome and appreciate any feedback! 🤗
@manuvikn
Posted
Hi! I really like your project but I’ve been experiencing an strange behaviour when I try to add the phone number, neither setting the same number that you provide as placeholder. I think this issue could be related with the length of your validation because I can add +1 234 567 8901 with no problem.
Marked as helpful
0 - elangyudha280• 350
@elangyudha280
Submitted
Hello all, in this challenge, I made a simple multi-step form using ReactJs and TailwindCss, if anyone has any feedback, you can tell me in the comments.
@manuvikn
Posted
Hello, nice work! I like the design and the animations, just as an appreciation I think you should be able to complete the form with no selected add-ons.
0
