Quote:
1. How do I change the font colour to white (I have tried font: #ffffff as you can see in the coding)?
You have the right idea, but ".nav ul li a" means the ul inside .nav, while .nav is the ul. So remove the ul.
Quote:
2. How do I make the link spaced out?
You could add margins around ".nav li a", e.g. "margin:0px 10px".
Quote:
3. How do I move the links to the very right (float does not seem to be working as you can see in the coding)?
It is floating to the right, but you have set a padding of "10p 100px". The 100px might be a typo? Note that you have set a max page width of 1200, which affects this, but I will assume that you intended that.
Quote:
4. How do I make the font bigger for the navigation bar (font: 20px does not seem to be working as you can see in the coding)?
This has the same root cause as the first question. With that solved, this is automatically fixed too.
Quote:
5. How do I make the title "Grass World Sport News" bigger?
Set a font-size on "header h1", e.g. "font-size: 50px".
Putting everything together would be like this:
jsfiddle[
^].