Hi, This is Chandan. I have created a portfolio page to complete my “Responsive Web Design” Certification. 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.
I would request you to suggest good tutorial on responsive web designing.
Finally, Here is the codepen link of my personal portfolio page which gets messy as size of viewport decreases.
Kindly help me with this. Is there something about responsive designing that I am unable to grasp? KIndly explain so that I can sleep peacfully.