@Marco-Silvera
Latest solutions
Age calculator app
Submitted about 1 year agoI would appreciate feedback on my date validation code. I'm wondering if there's a more efficient or cleaner way to handle all the edge cases. Also, I'd like to know if there are better ways to structure my JavaScript code to make it more readable and maintainable. P.S: I think it's not clean code as I completed this challenge hastily without adding any comments or properly naming variables xD..
Newsletter sign-up form with success message
Submitted about 1 year agoI would appreciate feedback on my use of CSS Flexbox for the layout. I'm still learning and would like to know if there are more efficient or cleaner ways to achieve the same result. Additionally, I would like to know if there are better ways to handle form validation in JavaScript.
Interactive rating component
Submitted about 1 year agoI would like help with improving the user experience of the rating component. Specifically, I'm interested in feedback on how to make the rating selection more intuitive and satisfying for users. I'm also open to suggestions on how to improve the responsiveness of the design, especially for very small or very large screen sizes.
Frontend Mentor - FAQ accordion solution
Submitted over 1 year agoI would appreciate feedback on my approach to solve he background-image issue and would be happy to know from anyone why background-size property didn't work for the image as expected ?
Thanks, FEM is amazing community !!
Frontend Mentor - Recipe page solution
Submitted over 1 year agoI would appreciate feedback on how to further improve my CSS skills, particularly in optimizing layouts for different screen sizes and devices.
Frontend Mentor - Social links profile solution
Submitted over 1 year agoI would appreciate feedback on how to further improve my CSS skills, particularly in optimizing layouts for different screen sizes and devices. Additionally, suggestions on how to streamline my workflow and improve my attention to detail when implementing design specifications would be valuable.
Latest comments
- @roopxx
@Marco-Silvera Your solution is really great like 99.9% match. Great work !
- @souza-vitorWhat are you most proud of, and what would you do differently next time?
It was a bigger project than the last ones that I was happy with. I'm happy to have completed the challenge.
What challenges did you encounter, and how did you overcome them?I had problems adjusting the table and getting it close to the proposed design. I needed to test some attributes to see how the styling was affecting the table. I didn't know how to style bullet points, it was a good opportunity to learn.
What specific areas of your project would you like help with?Was I able to make my HTML semantic? Any tips will be very welcome.
@roopxxHey @souza-vitor,
Great job on completing your project, it looks good!
In terms of HTML semantics, try using specific tags like <header>, <nav>, <main>, etc., instead of just <div>. I, myself, is beginner but looking at your html, it looks semantic.
Keep up the good work!
- @canavesix@roopxx
@canavesix , your solution looks nice and aligned correctly as per the design. Except I would like if you make the main card height similar to the design solution. What you can do is remove the height
height: 885px;and make the spacing between the headings match correctly to that of design file ( you can do that by resetting the default syles and then adding margins and padding as per your choice) so as to make your card not look too big.* { margin: 0; padding: 0; box-sizing: border-box; }Other than that your solution's bg-color, text-color and font-size looks good.
- @caioalvesp@roopxx
Awesome work @caioalvesp !
Your solution looks really good. Can't see any issues with your css styles so just letting you know you did it really well. Keep up!
Marked as helpful - @HussainAzimiWhat are you most proud of, and what would you do differently next time?
I am proud that I can learn new things from completing this challenge and I would like to use them in future challenges
What challenges did you encounter, and how did you overcome them?the div position was the challenge I encountered; fortunately, I could overcome it by searching and finding the solution.
What specific areas of your project would you like help with?I need more help in these areas of my code: 1- flexibility 2- clean and light
@roopxx@HussainAzimi, you did it really well, esp. the box-shadow around the main component ( I struggled for that and aligning the image ). However I would like to make note of the component not being centered vertically, maybe trying out column flexbox can come handy or perhaps auto margin along y axis ;-)
