Hi!
I have been completing my projects while being completely oblivious to how they present on a mobile screen!
it wasn’t till yesterday when I had a look at my 3rd and 4th project on my phone, did I realize how distorted my projects appear. If you can help me fix the positioning of my elements, where they don’t overlap, that would amazing!
Project 4:
1). my header overlaps my body contact and is moved to the top of the screen when on a smaller display, rather than being on the left side while displayed on a desktop screen.
2). my body content seems to only display up to less than half the page.
My Code:
https://codepen.io/sarahkaal/pen/poENEjq
Project 3:
This one is truly messy ! Any suggestions to get it to stay in its original format (in desktop view) while on a mobile screen?
1). The navbar is off
2). Some of the body elements are no longer centred
3). The logo and text is cut off from the navbar
My Code:
https://codepen.io/sarahkaal/pen/poEEbyL
I have attempted to fix it multiple times but I believe I just made a bigger mess lol so any help is very much appreciated!