@EdoardoRamondetti
Latest solutions
NFT Preview Card w/BEM
#bootstrap#bemSubmitted 4 months agothe brightness on the eye icon and semantic HTML comments.
Responsive Ecommerce product page
#accessibility#bootstrap#react#viteSubmitted 5 months agoany pointers on scalability? Should I be moving most functions out of the component and into a utils file?
Responsive New Homepage
#accessibility#bootstrap#reactSubmitted 5 months agoApp CSS seems to be lost, code is still there but the page is looking weird after deployment. I had to update the path for Home in the App.jsx. I wonder if that messed things up.
Accessible Contact Form
#accessibility#bootstrapSubmitted 5 months agoTwo things:
- Never figured out how to show and hide success message, code should work right?
- The error message was working fine until I asked ai to optimize, now it only shows us if I've erased an input.
Please advise
Latest comments
- @abigailjulie
None of the active states are included and I can't see your code. See if you can add the color overlay on the image. The was the most challenging thing about this exercise.
- @AeroBW@abigailjulie
Very nice only you forgot about the model that is supposed to show up when the user click the profile picture. active-states-basket-filled, active-states-basket-empty are missing. Great Work!
- @temesgen-982@abigailjulie
None of the styling is correct, font, color, margin, padding. Being able to recreate the design file as closely as possible is important. Give it an hour, I know you can do it!
- @hkaur108What specific areas of your project would you like help with?
I am facing issues with removing the default styles of the input field, I have tried -webkit-appearance:none, but that does not seem to help. Please advise as to how I can fix it.
Secondly, I have tried to add accessibility into the form for the first time, please let me know if it is correct and something else can be done to improve the solution.
Any other sort of feedback is also welcomed.
@abigailjulieIt's clear you have a lot of experience using react but I fear it's over complicating this exercise. The preview doesn't even show up. I think it's worth while trying to replicate the design file exactly. The margins and paddings are inconsistent. I think added a min-width would stop the form from stretching every time a cursor hovers over the input. Capitalization and margins on the error messages are inconsistent. You are clearly capable, just pay more attention to details. Looks Great!
Marked as helpful - @Chris-WaggWhat specific areas of your project would you like help with?
Accessibility is my main focus so any feedback on that would be appreciated
@abigailjulieI was able to tab an select all of the tabs using my keyboard which is great! The image isn't properly place, It's shifted to the right when I open the website. I would also make the white space larger so that it's only growing in one direction when the text is revealed. Looks great!
- P@YuliaLantzberg@abigailjulie
There's an issue with font-family. It's visible when I use your website, not on the preview here on Frontend Mentor. I'm not sure how you applied the transparent backlit effect but it looks great!
Marked as helpful
