@nanatotibadze
Latest solutions
tailwind+React with react-hook-form
PSubmitted 8 days agoIf my website needs better accessibility, please let me know what else I should add—I’m not very good at accessibility.
Latest comments
- P@tacesept
There are issues: the search input keeps losing focus, and the site is slow to respond when users click on something.
- @yrjebP@tacesept
It seems you haven’t put much effort into the website—it looks quite unpolished.
- @Fikerte-TP@tacesept
The minus, plus and delete buttons don’t have a hover state.
Hovering over the “Add to Cart” button makes its icon disappear.
When quantity reaches zero via the minus button, the item should be removed from the cart.
- @Mohamed806HP@tacesept
There’s a lot of margin everywhere. It’d be much cleaner and easier if you used Flexbox with gap, justify-content, and align-items — it would make the layout simpler and way more flexible.
- @Crystalis89What challenges did you encounter, and how did you overcome them?
Overall easy project, the one thing that gave me any trouble was the background element behind the images that I had to create via changing the shape of an empty div and styling it. Doing so was easy but getting it's dimensions anywhere close to right was a bit messy and I am still not fully happy with it or the amount of white space in that part of the page.
What specific areas of your project would you like help with?Pretty much every project for FEM I have had the same three issues that would appreciate help on.
-
Image size/scaling and how it can mess up layout, while if force image size generally just makes it look stretched and/or squashed.
-
The scale on the page being far off on the submission snapshot, and between the chrome dev tools and what see normally in the browsers I test in. I must be missing something obvious since most of my peers do not seem to be having the same issue, at least going by their snapshots.
-
And using semantic HTML correctly. Header, Main, Section, h1-6, and Footer is obvious but always feel like I overuse section and should at least use article in there somewhere. Related to that I also likely need to study proper aria use much more, as is I just avoid it.
P@taceseptThe responsiveness on your website could be improved. I’d recommend setting a max-width to prevent the layout from stretching too wide. Instead of applying position: absolute directly to the image, I’d use it in a div with a background shape and position that div with right: 0 and bottom: 0. For better scalability, use percentage values for its width and height—something like width: 40% and height: 60%. Also, consider using div elements instead of section tags when there's no clear semantic purpose—especially when it's just for styling. Lastly, use only one <h1> tag per page for proper accessibility and structure. Don’t worry about text size—you can style other headings as needed with CSS.
-
- @220100dungvanP@tacesept
The web is different.
