Latest solutions
Sunnyside Landing page using React and Framer-Motion for animation
#react#framer-motionSubmitted about 3 years ago
Latest comments
- @ivanparraodaSubmitted about 3 years ago@Sudarsh1010Posted about 3 years ago
I saw your code. In mobile version instead of using -grid-template-columns: auto; -grid-template-areas: "one" "two" "three" "four" "five";
try this: -grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
Marked as helpful0 - @mohamedkhaled4053Submitted about 3 years ago@Sudarsh1010Posted about 3 years ago
It's really good. reduce border-radius in annual plan box. also change color of the change link to match design file. that's all I got to say. You did great job <3
0 - @Nahid570Submitted about 3 years ago@Sudarsh1010Posted about 3 years ago
Hey, Everything looks fine but there are some things that needs to be fixed
- Font Size
- Line Heights in Paragraph
- Adjust Images so You can lower your whole card size to match with the Design
- Last thing is add Border radius on whole card
1 - @Chluna86Submitted about 3 years ago@Sudarsh1010Posted about 3 years ago
Everything looks fine. but checkout the font size and color. <3
0 - @PavlinaPsSubmitted about 3 years ago@Sudarsh1010Posted about 3 years ago
-
change the font-weight of SUBMIT button and 'How did we do' title to 700 font-weight: 700;
-
On the screen above 1440px your component is not centered.
-
Remove Border from SUBMIT button.
-
There should be different on-hover styling and on-Click styling for the 1-5 rating button and remove the border.
That's all and keep up the great work bud!
Marked as helpful0 -
- @M-AttiyahSubmitted about 3 years ago@Sudarsh1010Posted about 3 years ago
I think you forgot to add Hover Effect. Check active-states img in the design folder. and It's good
Marked as helpful0