Problem with hover

Code Feedback
1

When I hover over my menu, the class’s width either has too much width or not enough. I found out the reason this occurred is because of this property I implemented “text-indent”. I still want to use the property as it helps align my menu. Any suggestion I’ve been struggling with this predicament for 2 weeks still not sure how to resolve this problem.

Here’s a reference to the page I want to clone:https://us.supreme.com/

My work:https://codepen.io/2bumb/details/yLwzvxL

.preview-item {
text-indent: 131px;
}

2

did you try using “width” in “li”, if you do that than hover effect will; only take up that amount of space

happy coding :slight_smile: