.popup {
align-self: center;
padding: 0;
margin: 0;
background-color: white;
flex: 1;
flex-wrap: wrap;
display: flex;
max-height: 400px;
max-width: 600px;
}
.popup a {
text-decoration: none;
color: #168fe0;
display: block;
padding: 0.5rem;
margin: 0;
transition: 0.3s;
width: 30%;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="popup-wrapper">
<div class="popup">
<a href="#">Bentwood furniture</a>
<a href="#">Bobbin furniture</a>
<a href="#">Campaign furniture</a>
<a href="#">Cane furniture</a>
<a href="#">Chippendale</a>
<a href="#">Corner furniture</a>
<a href="#">Cottage furniture</a>
<a href="#">Country furniture</a>
<a href="#">Shaker furniture</a>
<a href="#">Lowboy</a>
<a href="#">Parsons table</a>
<a href="#">Basket table</a>
<a href="#">Gateleg table</a>
<a href="#">Contact us</a>
<a href="#">Dressing table</a>
<a href="#">Drum table</a>
<a href="#">Armoire</a>
<a href="#">Bureau</a>
<a href="#">Chest of drawers</a>
<a href="#">Coffer</a>
<a href="#">Settle</a>
<a href="#">Stool</a>
<a href="#">Wainscot chair</a>
<a href="#">Taboret</a>
<a href="#">Windsor chair</a>
<a href="#">Faldstool</a>
<a href="#">Confidante</a>
<a href="#">Basket chair</a>
<a href="#">Cathedra</a>
<a href="#">Love seat</a>
</div>
</div>
</body>
</html>body {
width: 100%;
height: 100%;
background: url('https://www.viettonkinconsulting.com/wp-content/uploads/2022/06/pexels-pixabay-414837.jpg');
background-size: cover;
padding: 0;
margin: 0;
}
.popup-wrapper {
padding: 0;
margin: 0;
position: absolute;
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
backdrop-filter: blur(6px);
display: flex;
flex-direction: column;
justify-content: center;
}
.popup {
align-self: center;
padding: 0;
margin: 0;
background-color: white;
flex: 1;
flex-wrap: wrap;
display: flex;
max-height: 400px;
max-width: 400px;
}
.popup a {
text-decoration: none;
color: #168fe0;
display: block;
padding: 0.5rem;
margin: 0;
transition: 0.3s;
}
.popup a:hover {
background: rgb(230, 230, 230);
}