LO3: Problems And Solutions

Throughout the development process I have had a few bugs and issues that i have had to fix. Doing this has let me learn more about the code itself and how to troubleshoot CSS and HTML. 

Problem 1:

The first problem is that the text on the screen cannot be easily read because of the similar colours of the background of the page and text. I have several different options that will allow me to fix this but I have decided that I am going to change the background colour of the text box and the background colour of the pages so that they all match.

Solution 1:

This is what I have done to fix this issue. I have done 2 things I have changed the background colour of the text box which has allowed me to more easily see the text inside the box. I have also changed the background colour to white so that the page matches the rest of the pages on the website better and all of the different elements on the page.

Problem 2:

The problem with this page is that the text is too large compared to the rest of the website as well as the text being placeholder text. The titles are too large for the style that I am going for. The way that i will fix this is by changing the font sizes from rem/em to px which will allow me to make everything uniform and fit the website better.

Solution 2:

I have fixed the text and the alignment problems with the page by changing the way that the text is scaled to px instead of rem/em. This means that can control the style of the website much more easily be tailored to the style of the rest of the website. I have also removed the annoying group of links at the bottom of the page meaning that the page looks a lot cleaner.

Problem 3:

I have decided that I need to match the top of the page where the navbar is to the rest of the page. The navbar looks worse because of the same colour and there being no gap between the navbar and the rest of the page making the page look messy and detracts from the style of the website.

Solution 3:

I have been able to fix this issue by changing the background colour of the text box and the website page to the same thereby allowing me to create the gap and make the website look more finalised and closer to the style of the rest of the website.