Hello Abby! How are you doing? My name is Vinícius and i'm from Brazil. I managed to create a small arrow below the active state box by creating a div below with a square format and then making it rotate 45 degrees, so i positioned it a few pixels up in order to get behind the box. By doing that, you can simulate a "down arrow" by using a half of a rotated square. Got it?
You can create a father div, giving it a display flex, flex-direction column, putting two divs inside it, being the first one the actual box and the second is going to be the rotated square.
@AbbyNyakara
Posted
Hi Vinicius, that makes perfect sense. So its basically a rotated square box with a negative Z-index. Ill implement that and see how it goes. Thanks a lot!
@AbigaelN2021 You're welcome, Abby! Let me know if you have any problems with that.