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

38 lines
516 B
CSS
Raw Normal View History

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