@leannekeenan
@Tayara97
Submitted
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?
calling function is a hell for me
What specific areas of your project would you like help with?
-i get confused when i set call for function inside another function -it's my first time in fetching data so if there any mistake with my code fell free to tell me
@leannekeenan
Posted
Way to go - your project is awesome!! I like the addition of your signature at the bottom. Nice touch. My only recommendation to make your project more like the provided image would be to set the body to a grid format, place items in the center, and set the maximum height of 100vh to get the dashboard centered. Other than that, this is amazing! Well done!
@moojica
Submitted
What are you most proud of, and what would you do differently next time?
Completing another challenge on FEM.
What challenges did you encounter, and how did you overcome them?
Email validation RegEx. I overcame this by using a tool by gskinner at https://regexr.com/
What specific areas of your project would you like help with?
Any advice is always welcome.
@leannekeenan
Posted
Perfection! Honestly - your project is a perfect replica of the design. Since the objective here is to find things to improve, the only thing I can think of is changing the color of the active status on your input from black to the tomato color to give a cohesive vibe when actively entering your email ( I know it's probably a little weird considering red is usually the default for an error, but considering the color of the image and overall color theme, I think it would be ok).
Mostly I wanted to mention that I read that you used regex to complete your solution - how do you feel that improved your result? I dabble in regex in my ANKI study sessions but haven't used them in real-world applications and would love your input! :)
@leonardomzb
Submitted
What are you most proud of, and what would you do differently next time?
This looks really simple to do, but I struggled a lot positioning the share icons. I'm proud of not quiting, I almost do.
What specific areas of your project would you like help with?
Any feedback is welcome :)
@leannekeenan
Posted
Hi @leonardomzb!
Congratulations on completing the assignment! While you did a great job, I have a few recommendations to help you improve your next iteration:
I recommend playing around with the "position" property in CSS. You can set elements to fixed, absolute, relative, or static based on the relation to its container element. Here's what I mean: you can set your container element to relative and then set its child elements to absolute so they are positioned relative to the container. This can help you control the placement of elements more precisely.
To assist with the show/hide feature of your tooltip when you scroll over your share button, you can use the "visibility" property in CSS. You can create a CSS selector for your desired element and set the visibility property of an object to "hidden". You can then create another selector for that element's hover using the pseudo-code ":hover" and in that selector change the visibility from "hidden" to "visible".
For the spacing issue you mentioned, I recommend playing around with the padding property for your share button. You can set the image within your share element to "flex" and position it using "justify-content" and "align-items" to "center" and increase the padding of the share button to make the space around it larger and keep your image centered.
I hope these recommendations help you on your next build and I hope you reach out to me if you have any questions or want to talk about ideas you think will work.
Happy Coding!
Marked as helpful
