Подскажите пожалуйста, как я могу улучшить эту верстку?
Пытаюсь адаптивно сверстать меню, но не совсем понимаю как это сделать. Как я понимаю, у меня не должно быть фиксированной ширины картинки, но тогда я не понимаю каким образом мне сделать выпадающее меню под размеры изображения. Верстка на jsfiddle
.main-nav__link:hover {
text-decoration: none;
color: #333333;
transition: text-decoration 0.01s ease-in-out, color 0.01s ease-in-out, background-color 0.01s ease-in-out;
}
.main-nav__item--dropdown:hover .main-nav__link {
display: block;
line-height: 18px;
text-decoration: none;
color: #333333;
}
.main-nav__item--dropdown {
position: relative;
}