Skip to content

Avoid interactive styles on non-interactive elements #37

@oliverjam

Description

@oliverjam

Your product images have a hover style that makes them look clickable:

.productImage:hover {
opacity: 70%;
cursor: pointer;
}

however images aren't clickable/interactive, so this is a bit misleading for the user. It works ok on the home page because the images are inside a link, but on the product page it looks like you can click the image (but nothing happens when you do). It would be better to apply these styles to the link, since that's the actually interactive element.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions