Webpage contents overlapping in HTML/CSS
I have created a portfolio page to complete my āResponsive Web Designā Certification on Freecodecamp. Unfortunately, almost on every project I have worked on in this section, I have faced an issue which I havenāt yet understood. I would like to list them here for all of you to explain it a bit as I am stuck despite trying hard. (i) More often than not, I face contents of webpage I try to design overlapping whenever position of one of its element is set to āfixedā. (ii) The problem described above happens when the navigation sectionās position is set to āfixedā. (iii) As the size of viewport changes, contents of header and some other parts doesnāt adjust themselves smoothly. Finally, Here is the codepen link of my personal portfolio page which gets messy as size of viewport decreases. Contents are still overlapping when viewed on mobile. What changes are required to make it in order?? Kindly suggest the edits so that I can finish this project. https://code.sololearn.com/W0A246a7A142/?ref=app