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