I want to figure out what went wrong with the following code when trying to center my div horizontally and vertically. I tried justify-content and align-items. It stays stuck at the top.
.bodycontainer{ display: flex; justify-content: center; align-items: center; height: 100%; }.container{ width: 50%; height: 50%; display: flex; border: 1px solid #000000;}<html><body><div class="bodycontainer"><div class="container"></div></div></body></html>