Hi, when I increase my web page to a larger view-port size, my “Portfolio” button switches place from the center to the right, but when I decrease the view-port to a smaller size, the buttons, “About”, “Portfolio”, and “Connect” all return to the their regular order, of first, middle, and end. I don’t know why this is! Also, when the view-port is of a larger size the drop-down menu box for the “Portfolio” appears below the “Portfolio” button as it should, however, when the view-port is decreased, the drop-down menu box begins on top of the “Portfolio” button, obscuring it. Why is this?! See pictures below for better description:
Link here: https://codepen.io/IDCoder/pen/OWbXLw?editors=0100