wadowad

display: flex;
flex-wrap: wrap;
justify-content: end;
margin:  0 -20px;

margin:  10px 20px
width: calc(20% - 20px);

$(document).on('click mousedown', 'a', function(e) {
e.preventDefault();
if (e.type == 'mousedown' ) {
console.log('mousedown');
}
});

li {
  background-color: gray;
}
li:hover {
  background-color: white;
  border-radius: 10px 0 0 10px;
}
li:hover + li {
  border-radius: 0 10px 0 0;
}
li:has(+ li:hover) {
  border-radius: 0 0 10px 0;
}

.my-class {
	animation-name: about-placing;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode: backwards;
	animation-delay: 1s;
}

let url = location.href;

	if (url.slice(-1) == '/') url = url.slice(0, -1);
	$($('#menu').children().get().reverse()).each(function() {
		let link = $(this).children('a').first().attr('href');
		if (link.slice(-1) == '/') link = link.slice(0, -1);

		if (link && url.indexOf(link) === 0) {
			$(this).addClass('current');

			self.current = true;
		}
	});

position: absolute;
left: 0;
right: 0;
margin: auto;
width: fit-content;

position: absolute;
left: -300px;
right: -300px;
margin: auto;
width: fit-content;