I worked on the resizing of the About Me page of the portfolio that I had made in WRA 210. When I was in the class, I had wanted to make my website mobile-friendly, but I was not experienced enough to get it to work in the way that I wanted. I thought that this would be a good opportunity to practice.
Resizing through coding
The challenge came with transforming this desktop version into a mobile version. I needed to fix the widths of my photo/paragraphs so that they no longer shared the screen. Additionally, the size of my header and the height of the div box that was holding my navbar items needed fixing. I expected to simply be able to copy Professor Davidson’s CSS coding, but I actually had to change a lot to be successful. In the end, however, I was able to transform my web page into a mobile site!