odin-default-css-exercises/animation/02-drop-down/style.css

38 lines
516 B
CSS

* {
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
.dropdown-container {
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.dropdown-menu {
position: relative;
}
button {
background-color: rgb(108, 238, 255);
padding: 16px;
font-size: 16px;
border: none;
}
ul {
position: absolute;
left: -25%;
background-color: rgb(189, 188, 188);
width: 160px;
list-style: none;
text-align: center;
}
li {
padding: 16px;
}